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 class="infolog_CompletedClmn">
<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"/>
<hbox>
<vbox>
<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');"/>
</hbox>
</vbox>
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
</vbox>
</row>

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

@ -39,7 +39,7 @@
}
.normal,
.normal_done {
color: #000000;
color: black;
}
.high {
color: #cc0000;
@ -251,6 +251,9 @@ button#infolog-edit_encrypt {
button#infolog-edit_timestamp {
top: 13px;
}
#infolog-index table.egwGridView_grid img {
height: 16px;
}
/* tablets and smartphones */
@media only screen and (max-device-width: 1024px) {
#infolog-index_nm .gridCont_0_div_col_0.innerContainer {
@ -275,16 +278,17 @@ button#infolog-edit_timestamp {
}
label[id^='infolog-index_'][id$='info_enddate]'] {
font-size: 8pt;
float: left;
}
label[id^='infolog-index_'][id$='info_enddate]'] time {
float: left;
float: none;
font-weight: normal;
}
label[id^='infolog-index_'][id$='info_startdate]'] {
float: left;
font-size: 8pt;
}
label[id^='infolog-index_'][id$='info_startdate]'] time {
float: none;
}
ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow: hidden;
white-space: nowrap;
@ -330,5 +334,17 @@ button#infolog-edit_timestamp {
#infolog-view tr.dialogHeadbar div.et2_hbox {
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;
}
#infolog-index table.egwGridView_grid {
img{height: 16px;}
}
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
@ -192,15 +195,17 @@ button#infolog-edit_timestamp {
}
label[id^='infolog-index_'][id$='info_enddate]'] {
.mob-fontsize-xs;
float:left;
time {
float: left;
float: none;
font-weight: normal;
}
}
label[id^='infolog-index_'][id$='info_startdate]']{
float: left;
.mob-fontsize-xs;
time {
float: none;
}
}
ul[id^='infolog-index_'][id$='info_responsible]'] {
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