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 
-More styling enhancement for infolog rows
This commit is contained in:
Hadi Nategh 2015-12-23 09:09:50 +00:00
parent bb380e2c59
commit 4ed126cbbe
5 changed files with 39 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,6 +22,7 @@
<column width="10"/>
<column width="80"/>
<column width="95%" />
<column width="75"/>
</columns>
<rows>
<row class="th">
@ -29,18 +30,20 @@
</row>
<row class="$row_cont[class]" valign="top">
<description class=" cat_$row_cont[info_cat] mobile_cat_col"/>
<vbox align="center" class="infolog_CompletedClmn">
<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"/>
<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
<hbox>
<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
</hbox>
</vbox>
<vbox class="infolog_fullWidth">
<hbox class="infoSubRow">
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="60%"/>
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]"/>
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" />
</hbox>
<box class="infoDescRow">
<description id="${row}[info_des]" no_lang="1" activate_links="1"/>
</box>
<hbox class ="infoLinksRow infoDetails" overflow="hidden">
@ -48,7 +51,9 @@
</hbox>
</vbox>
<vbox>
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
</vbox>
</row>
</rows>
</grid>

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

@ -454,9 +454,12 @@ button#infolog-edit_timestamp {
white-space: nowrap !important;
}
label[id^='infolog-index_'][id$='info_enddate]'] {
font-size: 9pt;
font-size: 8pt;
float: right;
}
label[id^='infolog-index_'][id$='info_enddate]'] time {
font-weight: normal;
}
label[id^='infolog-index_'][id$='info_startdate]'] {
float: left;
font-size: 8pt;
@ -477,9 +480,6 @@ button#infolog-edit_timestamp {
ul[id^='infolog-index_'][id$='filelinks]'] {
white-space: nowrap !important;
}
.infoSubRow span:last-child {
width: 20%;
}
.infoSubRow span[id^='infolog-index_'][id$='info_subject]'] {
white-space: nowrap;
}
@ -487,7 +487,7 @@ button#infolog-edit_timestamp {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 70%;
width: 100%;
font-size: 9pt;
font-weight: normal;
}
@ -498,5 +498,8 @@ button#infolog-edit_timestamp {
tr.infolog_rowHasParent > td:first-child {
background: none !important;
}
div.et2_vbox.infolog_CompletedClmn {
display: table-caption;
}
}
/**/

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

@ -429,6 +429,9 @@ button#infolog-edit_timestamp {
label[id^='infolog-index_'][id$='info_enddate]'] {
.mob-fontsize-xs;
float:right;
time {
font-weight: normal;
}
}
label[id^='infolog-index_'][id$='info_startdate]']{
float: left;
@ -452,9 +455,6 @@ button#infolog-edit_timestamp {
white-space: nowrap !important;
}
.infoSubRow {
span:last-child {
width:20%;
}
span[id^='infolog-index_'][id$='info_subject]'] {
white-space: nowrap;
}
@ -464,7 +464,7 @@ button#infolog-edit_timestamp {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 70%;
width: 100%;
.mob-fontsize-s;
font-weight: normal;
}
@ -475,6 +475,9 @@ button#infolog-edit_timestamp {
tr.infolog_rowHasParent > td:first-child {
background: none !important;
}
div.et2_vbox.infolog_CompletedClmn {
display: table-caption;
}
}
/**/// Ende der APP INfolo

16
pixelegg/css/mobile.css
View File

@ -2194,7 +2194,6 @@ body {
* @package pixelegg
* @version $Id$
*/
@import-once "def_colors.less";
#socialMedia {
position: relative;
bottom: 20px;
@ -4272,7 +4271,7 @@ td.message span.message {
text-decoration: none;
height: 32px;
/*font-size: 1.1em;*/
font-size: 12.100000000000001px;
font-size: 12.1px;
line-height: 1.5em;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@ -4296,7 +4295,7 @@ td.message span.message {
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px;
font-size: 12.100000000000001px;
font-size: 12.1px;
content: " ";
background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat;
@ -4692,7 +4691,7 @@ td.message span.message {
padding-left: 3em;
color: #999999;
/*font-size: 12px;*/
font-size: 12.100000000000001px;
font-size: 12.1px;
line-height: 17px;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@ -4864,7 +4863,7 @@ td.message span.message {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px;
line-height: 1em;
font-size: 12.100000000000001px;
font-size: 12.1px;
background-image: url(../images/arrow_left.png);
background-repeat: no-repeat;
background-position: left center;
@ -6693,7 +6692,7 @@ span.egw_tutorial_title {
body table.egwGridView_outer tbody tr td.et2_date,
body table.egwGridView_outer tbody tr td.et2_date_ro {
float: right;
font-size: 10px;
font-size: 9pt;
}
body table.egwGridView_outer tbody tr td {
position: relative;
@ -7179,7 +7178,7 @@ span.egw_tutorial_title {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px;
line-height: 1em;
font-size: 12.100000000000001px;
font-size: 12.1px;
background-image: url(../images/arrow_left.png);
background-repeat: no-repeat;
background-position: left center;
@ -7745,6 +7744,9 @@ span.egw_tutorial_title {
body .et2_nextmatch table.egwGridView_grid tbody tr td span.mobile_cat_col {
padding: 0;
}
body .et2_nextmatch table.egwGridView_grid tbody tr td div.et2_progress {
margin: 0;
}
body .et2_nextmatch table.egwGridView_grid tbody tr.swipe {
background-color: #ffc200;
border: none;

7
pixelegg/css/mobile.less
View File

@ -11,7 +11,7 @@
*/
@import "pixelegg.less";
@import (reference) "../less/def_mobile.less";
/********************************/
/* */
/* MEDIA DEFINITION */
@ -126,7 +126,7 @@
touch-action:initial;
td time, td.et2_date , td.et2_date_ro{
float: right;
font-size: 10px;
.mob-fontsize-s;
}
td {
position: relative;
@ -1287,6 +1287,9 @@
time.et2_label, span.mobile_cat_col {
padding: 0;
}
div.et2_progress {
margin:0;
}
}
}
tr.swipe{