holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- Fix infolog list alignment
This commit is contained in:
Hadi Nategh 2016-02-16 18:49:17 +00:00
parent 304d1b0f68
commit ca0930121f
3 changed files with 51 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
infolog/templates/mobile/index.xet
View File

@ -43,10 +43,15 @@
</vbox> </vbox>
<vbox class="infolog_CompletedClmn"> <vbox class="infolog_CompletedClmn">
<time_or_date id="${row}[info_startdate]" readonly="true" options=",8"/> <time_or_date id="${row}[info_startdate]" readonly="true" options=",8"/>
<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar" class="infoDetails"/> <vbox>
<hbox> <hbox class="infoType">
<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar"/>
</hbox>
<hbox class="infoPercent">
<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/> <progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
</hbox> </hbox>
</vbox>
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/> <time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
</vbox> </vbox>
</row> </row>

24
infolog/templates/pixelegg/app.css
View File

@ -39,7 +39,7 @@
} }
.normal, .normal,
.normal_done { .normal_done {
color: #000000; color: black;
} }
.high { .high {
color: #cc0000; color: #cc0000;
@ -251,6 +251,9 @@ button#infolog-edit_encrypt {
button#infolog-edit_timestamp { button#infolog-edit_timestamp {
top: 13px; top: 13px;
} }
#infolog-index table.egwGridView_grid img {
height: 16px;
}
/* tablets and smartphones */ /* tablets and smartphones */
@media only screen and (max-device-width: 1024px) { @media only screen and (max-device-width: 1024px) {
#infolog-index_nm .gridCont_0_div_col_0.innerContainer { #infolog-index_nm .gridCont_0_div_col_0.innerContainer {
@ -275,16 +278,17 @@ button#infolog-edit_timestamp {
} }
label[id^='infolog-index_'][id$='info_enddate]'] { label[id^='infolog-index_'][id$='info_enddate]'] {
font-size: 8pt; font-size: 8pt;
float: left;
} }
label[id^='infolog-index_'][id$='info_enddate]'] time { label[id^='infolog-index_'][id$='info_enddate]'] time {
float: left; float: none;
font-weight: normal; font-weight: normal;
} }
label[id^='infolog-index_'][id$='info_startdate]'] { label[id^='infolog-index_'][id$='info_startdate]'] {
float: left;
font-size: 8pt; font-size: 8pt;
} }
label[id^='infolog-index_'][id$='info_startdate]'] time {
float: none;
}
ul[id^='infolog-index_'][id$='info_responsible]'] { ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -330,5 +334,17 @@ button#infolog-edit_timestamp {
#infolog-view tr.dialogHeadbar div.et2_hbox { #infolog-view tr.dialogHeadbar div.et2_hbox {
display: none; display: none;
} }
.infolog_CompletedClmn .infoPercent {
height: 23px;
float: right;
}
.infolog_CompletedClmn .infoType {
position: relative;
height: 30px;
}
.infolog_CompletedClmn .infoType img {
position: absolute;
right: 0;
}
} }
/**/ /**/

25
infolog/templates/pixelegg/app.less
View File

@ -168,6 +168,9 @@ button#infolog-edit_timestamp {
top: 13px; top: 13px;
} }
#infolog-index table.egwGridView_grid {
img{height: 16px;}
}
/* tablets and smartphones */ /* tablets and smartphones */
@media only screen and (max-device-width:1024px) { @media only screen and (max-device-width:1024px) {
@ -192,15 +195,17 @@ button#infolog-edit_timestamp {
} }
label[id^='infolog-index_'][id$='info_enddate]'] { label[id^='infolog-index_'][id$='info_enddate]'] {
.mob-fontsize-xs; .mob-fontsize-xs;
float:left;
time { time {
float: left; float: none;
font-weight: normal; font-weight: normal;
} }
} }
label[id^='infolog-index_'][id$='info_startdate]']{ label[id^='infolog-index_'][id$='info_startdate]']{
float: left;
.mob-fontsize-xs; .mob-fontsize-xs;
time {
float: none;
}
} }
ul[id^='infolog-index_'][id$='info_responsible]'] { ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow:hidden; overflow:hidden;
@ -255,6 +260,20 @@ button#infolog-edit_timestamp {
} }
} }
} }
.infolog_CompletedClmn {
.infoPercent{
height:23px;
float:right;
}
.infoType{
position: relative;
height: 30px;
img{
position: absolute;
right:0;
}
}
}
} }
/**/// Ende der APP INfolo /**/// Ende der APP INfolo