extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-31 11:09:04 +01:00
Code Issues 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="10"/>
<column width="80"/> <column width="80"/>
<column width="95%" /> <column width="95%" />
<column width="75"/>
</columns> </columns>
<rows> <rows>
<row class="th"> <row class="th">
@ -29,18 +30,20 @@
</row> </row>
<row class="$row_cont[class]" valign="top"> <row class="$row_cont[class]" valign="top">
<description class=" cat_$row_cont[info_cat] mobile_cat_col"/> <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"/> <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"/> <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>
<vbox class="infolog_fullWidth"> <vbox class="infolog_fullWidth">
<hbox class="infoSubRow"> <hbox class="infoSubRow">
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="60%"/> <description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" />
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]"/>
</hbox> </hbox>
<box class="infoDescRow"> <box class="infoDescRow">
<description id="${row}[info_des]" no_lang="1" activate_links="1"/> <description id="${row}[info_des]" no_lang="1" activate_links="1"/>
</box> </box>
<hbox class ="infoLinksRow infoDetails" overflow="hidden"> <hbox class ="infoLinksRow infoDetails" overflow="hidden">
@ -48,7 +51,9 @@
</hbox> </hbox>
</vbox> </vbox>
<vbox>
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
</vbox>
</row> </row>
</rows> </rows>
</grid> </grid>

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

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

16
pixelegg/css/mobile.css
View File

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

7
pixelegg/css/mobile.less
View File

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