extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 06:30:59 +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%" > <grid width="100%" >
<columns> <columns>
<column width="10"/> <column width="10"/>
<column width="70"/> <column width="80"/>
<column width="95%" /> <column width="95%" />
</columns> </columns>
<rows> <rows>
@ -29,27 +29,22 @@
</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 align="center" class="infolog_CompletedClmn">
<time_or_date id="${row}[info_startdate]" readonly="true" options=",8" class="infolog_fixedHeight"/> <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"/>
<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');"/> <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>
<vbox class="infolog_fullWidth"> <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"> <hbox class="infoSubRow">
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="80%"/> <description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="60%"/>
<listbox disabled="@no_info_owner_info_responsible" type="select-account" id="${row}[info_responsible]" readonly="true" width ="100%" rows="1" class="infoDetails"/> <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">
<link-string id="${row}[filelinks]"/> <link label="%s $row_cont[info_addr]" id="${row}[info_link]" options="b" class="infoDetails"/>
</hbox> </hbox>
</vbox> </vbox>

36
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;
@ -339,9 +339,6 @@ div#infolog-edit_infolog-edit-description {
#infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img { #infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img {
height: 16px; 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 { #infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid ul.et2_link_string li.et2_link {
font-weight: normal; font-weight: normal;
} }
@ -430,16 +427,9 @@ button#infolog-edit_timestamp {
#infolog-index_nm .gridCont_0_div_col_0.innerContainer { #infolog-index_nm .gridCont_0_div_col_0.innerContainer {
min-width: auto; min-width: auto;
} }
span.infolog_infoId:before {
content: "#";
}
span.infolog_infoId {
font-size: 8pt;
padding-top: 5px;
}
div.infoDescRow { div.infoDescRow {
height: 45px; height: 15px;
font-size: 8pt; font-size: 9pt;
max-width: 99%; max-width: 99%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -447,24 +437,27 @@ button#infolog-edit_timestamp {
} }
div.infoLinksRow, div.infoLinksRow,
div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] { div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
font-size: 8pt; font-size: 9pt;
max-width: 99%; max-width: 99%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap !important; white-space: nowrap !important;
} }
label[id^='infolog-index_'][id$='info_enddate]'], label[id^='infolog-index_'][id$='info_enddate]'] {
label[id^='infolog-index_'][id$='info_startdate]'] {
font-size: 8pt; font-size: 8pt;
float: right; float: right;
} }
label[id^='infolog-index_'][id$='info_startdate]'] {
float: left;
font-size: 8pt;
}
ul[id^='infolog-index_'][id$='info_responsible]'] { ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
max-height: 15px; max-height: 15px;
} }
ul[id^='infolog-index_'][id$='info_responsible]'] li { ul[id^='infolog-index_'][id$='info_responsible]'] li {
font-size: 8pt; font-size: 9pt;
text-align: right; text-align: right;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -485,6 +478,15 @@ button#infolog-edit_timestamp {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 70%; 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;} img{height: 16px;}
span.et2_link {font-weight: bold;} span.et2_link {}
ul.et2_link_string { ul.et2_link_string {
li.et2_link {font-weight: normal;} li.et2_link {font-weight: normal;}
@ -410,16 +410,8 @@ button#infolog-edit_timestamp {
#infolog-index_nm .gridCont_0_div_col_0.innerContainer { #infolog-index_nm .gridCont_0_div_col_0.innerContainer {
min-width: auto; min-width: auto;
} }
span.infolog_infoId:before {
content:"#";
}
span.infolog_infoId {
.mob-fontsize-s;
padding-top: 5px;
}
div.infoDescRow { div.infoDescRow {
height:45px; height:15px;
.mob-fontsize-s; .mob-fontsize-s;
max-width: 99%; max-width: 99%;
overflow: hidden; overflow: hidden;
@ -433,10 +425,14 @@ button#infolog-edit_timestamp {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap !important; 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]'] {
.mob-fontsize-s; .mob-fontsize-xs;
float:right; float:right;
} }
label[id^='infolog-index_'][id$='info_startdate]']{
float: left;
.mob-fontsize-xs;
}
ul[id^='infolog-index_'][id$='info_responsible]'] { ul[id^='infolog-index_'][id$='info_responsible]'] {
overflow:hidden; overflow:hidden;
white-space:nowrap; white-space:nowrap;
@ -468,6 +464,15 @@ button#infolog-edit_timestamp {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 70%; 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;
} }
} }