extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-08 00:54:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
-Some styling enhancement for infolog rows
This commit is contained in:
Hadi Nategh 2015-12-22 15:15:54 +00:00
parent 4f77451fa5
commit 337221f7f2
3 changed files with 43 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,7 +20,7 @@
<grid width="100%" >
<columns>
<column width="10"/>
<column width="70"/>
<column width="80"/>
<column width="95%" />
</columns>
<rows>
@ -29,27 +29,22 @@
</row>
<row class="$row_cont[class]" valign="top">
<description class=" cat_$row_cont[info_cat] mobile_cat_col"/>
<vbox align="center" class="infolog_CompletedClmn">
<time_or_date id="${row}[info_startdate]" readonly="true" options=",8" class="infolog_fixedHeight"/>
<vbox align="center" 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"/>
<image label="$row_cont[info_status_label]" id="edit_status[$row_cont[info_id]]" class="infoDetails" href="javascript:egw.open($row_cont[info_id],'infolog');" src="$row_cont[info_status_label]" default_src="status"/>
<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
<description align="right" id="{$row}[info_number]" no_lang="1" class="infolog_infoId"/>
</vbox>
<vbox class="infolog_fullWidth">
<hbox>
<link label="%s $row_cont[info_addr]" id="${row}[info_link]" options="b" class="infoDetails"/>
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class] infolog_fixedHeight"/>
</hbox>
<hbox class="infoSubRow">
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="80%"/>
<listbox disabled="@no_info_owner_info_responsible" type="select-account" id="${row}[info_responsible]" readonly="true" width ="100%" rows="1" class="infoDetails"/>
<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]"/>
</hbox>
<box class="infoDescRow">
<description id="${row}[info_des]" no_lang="1" activate_links="1"/>
</box>
<hbox class ="infoLinksRow infoDetails" overflow="hidden">
<link-string id="${row}[filelinks]"/>
<link label="%s $row_cont[info_addr]" id="${row}[info_link]" options="b" class="infoDetails"/>
</hbox>
</vbox>

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

@ -39,7 +39,7 @@
}
.normal,
.normal_done {
color: #000000;
color: black;
}
.high {
color: #cc0000;
@ -339,9 +339,6 @@ div#infolog-edit_infolog-edit-description {
#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img {
height: 16px;
}
#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid span.et2_link {
font-weight: bold;
}
#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid ul.et2_link_string li.et2_link {
font-weight: normal;
}
@ -430,16 +427,9 @@ button#infolog-edit_timestamp {
#infolog-index_nm .gridCont_0_div_col_0.innerContainer {
min-width: auto;
}
span.infolog_infoId:before {
content: "#";
}
span.infolog_infoId {
font-size: 8pt;
padding-top: 5px;
}
div.infoDescRow {
height: 45px;
font-size: 8pt;
height: 15px;
font-size: 9pt;
max-width: 99%;
overflow: hidden;
text-overflow: ellipsis;
@ -447,24 +437,27 @@ button#infolog-edit_timestamp {
}
div.infoLinksRow,
div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
font-size: 8pt;
font-size: 9pt;
max-width: 99%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
}
label[id^='infolog-index_'][id$='info_enddate]'],
label[id^='infolog-index_'][id$='info_startdate]'] {
label[id^='infolog-index_'][id$='info_enddate]'] {
font-size: 8pt;
float: right;
}
label[id^='infolog-index_'][id$='info_startdate]'] {
float: left;
font-size: 8pt;
}
ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow: hidden;
white-space: nowrap;
max-height: 15px;
}
ul[id^='infolog-index_'][id$='info_responsible]'] li {
font-size: 8pt;
font-size: 9pt;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
@ -485,6 +478,15 @@ button#infolog-edit_timestamp {
text-overflow: ellipsis;
overflow: hidden;
width: 70%;
font-size: 9pt;
font-weight: normal;
}
infolog_rowHasSubs span.arrow,
table.egwGridView_grid span.arrow.closed {
display: none !important;
}
tr.infolog_rowHasParent > td:first-child {
background: none !important;
}
}
/**/

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

@ -226,7 +226,7 @@ div.et2_box_widget{
img{height: 16px;}
span.et2_link {font-weight: bold;}
span.et2_link {}
ul.et2_link_string {
li.et2_link {font-weight: normal;}
@ -410,16 +410,8 @@ button#infolog-edit_timestamp {
#infolog-index_nm .gridCont_0_div_col_0.innerContainer {
min-width: auto;
}
span.infolog_infoId:before {
content:"#";
}
span.infolog_infoId {
.mob-fontsize-s;
padding-top: 5px;
}
div.infoDescRow {
height:45px;
height:15px;
.mob-fontsize-s;
max-width: 99%;
overflow: hidden;
@ -433,10 +425,14 @@ button#infolog-edit_timestamp {
text-overflow: ellipsis;
white-space: nowrap !important;
}
label[id^='infolog-index_'][id$='info_enddate]'] , label[id^='infolog-index_'][id$='info_startdate]']{
.mob-fontsize-s;
label[id^='infolog-index_'][id$='info_enddate]'] {
.mob-fontsize-xs;
float:right;
}
label[id^='infolog-index_'][id$='info_startdate]']{
float: left;
.mob-fontsize-xs;
}
ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow:hidden;
white-space:nowrap;
@ -468,6 +464,15 @@ button#infolog-edit_timestamp {
text-overflow: ellipsis;
overflow: hidden;
width: 70%;
.mob-fontsize-s;
font-weight: normal;
}
infolog_rowHasSubs span.arrow,
table.egwGridView_grid span.arrow.closed{
display: none !important;
}
tr.infolog_rowHasParent > td:first-child {
background: none !important;
}
}