extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-05 04:49:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
- Fix styling for calendar listview
This commit is contained in:
Hadi Nategh 2016-02-17 12:32:39 +00:00
parent c008c6ef70
commit abf7dcc0eb
3 changed files with 56 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
calendar/templates/mobile/list.xet
View File

@ -2,6 +2,9 @@
<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd"> <!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
<!-- $Id: list.xet 54765 2016-01-19 00:48:21Z nathangray $ --> <!-- $Id: list.xet 54765 2016-01-19 00:48:21Z nathangray $ -->
<overlay> <overlay>
<template id="calendar.list.add" template="" lang="" group="0" version="16.1.001">
<button id="add" parent_node="calendar-list_plus_button_container" class="plus_button" onclick="egw.open('calendar');"/>
</template>
<template id="calendar.list.dates" template="" lang="" group="0" version="1.3.001"> <template id="calendar.list.dates" template="" lang="" group="0" version="1.3.001">
<hbox> <hbox>
<description value="Start"/> <description value="Start"/>
@ -15,7 +18,7 @@
<columns> <columns>
<column width="10"/> <column width="10"/>
<column width="95%" /> <column width="95%" />
<column width="80"/> <column width="50"/>
</columns> </columns>
<rows> <rows>
<row class="th"> <row class="th">
@ -27,13 +30,11 @@
<hbox class="calTitleRow"> <hbox class="calTitleRow">
<description id="${row}[title]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" /> <description id="${row}[title]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" />
</hbox> </hbox>
<box class="calDescRow"> <hbox class="calDates">
<description id="${row}[description]" no_lang="1" activate_links="1"/> <time_or_date id="${row}[start]" readonly="true" options=",$cont[format]" class="noWrap"/>
</box> <description class="dash" value="-"/>
</vbox> <time_or_date id="${row}[end]" readonly="true" options=",$cont[format]" class="noWrap"/>
<vbox class="calDates"> </hbox>
<date-time id="${row}[start]" readonly="true" options=",$cont[format]" class="noWrap"/>
<date-time id="${row}[end]" readonly="true" options=",$cont[format]" class="noWrap"/>
</vbox> </vbox>
</row> </row>
</rows> </rows>
@ -52,14 +53,11 @@
<row> <row>
<description align="center" id="msg" no_lang="1" span="all" class="message"/> <description align="center" id="msg" no_lang="1" span="all" class="message"/>
</row> </row>
<row disabled="1">
<template id="dates"/>
</row>
<row> <row>
<description id="plus_button_container"/> <description id="plus_button_container"/>
</row> </row>
<row> <row>
<nextmatch id="nm" template="calendar.list.rows" header_left="calendar.list.dates" span="all"/> <nextmatch id="nm" template="calendar.list.rows" header_right="calendar.list.add" header_left="calendar.list.dates" span="all"/>
</row> </row>
<row> <row>
<hbox> <hbox>

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

@ -11,7 +11,7 @@
* @package calendar * @package calendar
* @version $Id$ * @version $Id$
*/ */
/* $Id: app.css 54966 2016-02-09 21:45:51Z nathangray $ */ /* $Id: app.css 55035 2016-02-16 21:37:19Z nathangray $ */
/*Media print classes*/ /*Media print classes*/
@media print { @media print {
.th td, .th td,
@ -2632,4 +2632,26 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
float: none; float: none;
display: initial; display: initial;
} }
span[id^="calendar-list_"][id$="title]"] {
font-size: 12pt;
white-space: nowrap;
}
div.calDescRow {
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
label[id^="calendar-list_"][id$="start]"] > time,
label[id^="calendar-list_"][id$="end]"] > time {
float: none;
color: #828282;
}
.calDates .dash {
text-align: center;
padding: 0px 5px 0 5px !important;
}
body button.plus_button {
bottom: 65px;
}
} }

23
calendar/templates/pixelegg/app.less
View File

@ -1428,4 +1428,27 @@ div#calendar-container {
float: none; float: none;
display: initial; display: initial;
} }
span[id^="calendar-list_"][id$="title]"] {
font-size: 12pt;
white-space: nowrap;
}
div.calDescRow {
height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
label[id^="calendar-list_"][id$="start]"]> time ,label[id^="calendar-list_"][id$="end]"]> time{
float: none;
color:#828282;
}
.calDates .dash {
text-align: center;
padding: 0px 5px 0 5px !important;
}
body button.plus_button {
bottom: 65px;
}
} }