extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-26 00:29:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mobile theme W.I.P:

Browse Source 
- Fix mail details styling
- Fix expanding timesheet details tab causes some width changes
- Remove extra padding and borders from et2_selectbox
This commit is contained in:
Hadi Nategh 2016-03-04 10:27:51 +00:00
parent 1670958e16
commit 3371cfc098
10 changed files with 91 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
mail/templates/default/app.css
View File

@ -138,13 +138,14 @@ tr.forwarded span.status_img {
}
.bodypreview {
white-space: normal !important;
max-height: 25px !important;
font-size: 11px;
font-style: italic;
white-space: nowrap;
max-height: 18px;
font-size: 12px;
font-weight : normal !important;
font-family: Arial;
color: grey !important;
overflow: hidden;
padding-top: 5px;
}
TR.sieveRowActive

23
mail/templates/mobile/app.css
View File

@ -152,13 +152,14 @@ tr.forwarded span.status_img {
font-family: Arial;
}
.bodypreview {
white-space: normal !important;
max-height: 25px !important;
font-size: 11px;
font-style: italic;
white-space: nowrap;
max-height: 18px;
font-size: 12px;
font-weight: normal !important;
font-family: Arial;
color: grey !important;
overflow: hidden;
padding-top: 5px;
}
TR.sieveRowActive {
font-size: 11px;
@ -1811,13 +1812,6 @@ tr.forwarded span.status_img {
font-size: 12px;
font-family: Arial;
}
.bodypreview {
font-size: 10px;
font-style: italic;
font-weight: normal;
font-family: Arial;
color: grey;
}
TR.sieveRowActive {
font-size: 11px;
height: 20px;
@ -2690,7 +2684,6 @@ div.mailComposeHeaderSection > table {
text-overflow: ellipsis;
width: 98%;
font-size: 10pt;
color: #828282 !important;
font-weight: normal !important;
}
#mail-index table.egwGridView_outer tbody td label[id^='mail-index_'][id$='date]'] {
@ -2763,14 +2756,10 @@ div.mailComposeHeaderSection > table {
background-image: url(../pixelegg/images/kmmsgforwarded.png);
}
#mail-index table.egwGridView_outer tbody tr span.bodypreview {
max-height: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 2px;
font-style: normal;
font-size: 8pt;
padding-top: 5px;
font-size: 10pt;
}
#mail-index .mail-index_quotabox {
position: absolute;

7
mail/templates/mobile/app.less
View File

@ -237,7 +237,6 @@
text-overflow: ellipsis;
width: 98%;
.mob-fontsize-n;
color: @gray_50 !important;
font-weight: normal !important;
}
label[id^='mail-index_'][id$='date]']{
@ -313,14 +312,10 @@
background-image: url(../pixelegg/images/kmmsgforwarded.png);
}
span.bodypreview {
max-height: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 2px;
font-style: normal;
font-size: 8pt;
padding-top: 5px;
.mob-fontsize-n;
}
}
}

16
mail/templates/pixelegg/app.css
View File

@ -140,13 +140,14 @@ tr.forwarded span.status_img {
font-family: Arial;
}
.bodypreview {
white-space: normal !important;
max-height: 25px !important;
font-size: 11px;
font-style: italic;
white-space: nowrap;
max-height: 18px;
font-size: 12px;
font-weight: normal !important;
font-family: Arial;
color: grey !important;
overflow: hidden;
padding-top: 5px;
}
TR.sieveRowActive {
font-size: 11px;
@ -1799,13 +1800,6 @@ tr.forwarded span.status_img {
font-size: 12px;
font-family: Arial;
}
.bodypreview {
font-size: 10px;
font-style: italic;
font-weight: normal;
font-family: Arial;
color: grey;
}
TR.sieveRowActive {
font-size: 11px;
height: 20px;

8
mail/templates/pixelegg/app.less
View File

@ -1040,14 +1040,6 @@ tr.forwarded span.status_img {
font-family : Arial;
}
.bodypreview {
font-size: 10px;
font-style: italic;
font-weight : normal;
font-family: Arial;
color: grey;
}
TR.sieveRowActive
{
font-size: 11px;

38
pixelegg/mobile/fw_mobile.css
View File

@ -1147,7 +1147,7 @@
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id: jquery-ui.less 54623 2015-12-23 18:37:23Z nathangray $
* @version $Id: jquery-ui.less 55245 2016-03-04 09:21:40Z ralfbecker $
*/
#uical_select_resource {
background-color: #ffdd73;
@ -1557,6 +1557,10 @@ div#ui-datepicker-div {
background-color: #fecc44 !important;
color: #373737;
}
.ui-widget-overlay,
.ui-widget-shadow {
background-image: none;
}
/**
* EGroupware: Stylite Pixelegg template
*
@ -1907,7 +1911,7 @@ body {
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
background-color: #ffc200;
color: #000000;
font-size: 19.8px;
font-size: 20px;
}
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -3785,7 +3789,7 @@ td.message span.message {
text-decoration: none;
height: 32px;
/*font-size: 1.1em;*/
font-size: 12.1px;
font-size: 12px;
line-height: 1.5em;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@ -3809,7 +3813,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.1px;
font-size: 12px;
content: " ";
background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat;
@ -4207,7 +4211,7 @@ td.message span.message {
padding-left: 3em;
color: #999999;
/*font-size: 12px;*/
font-size: 12.1px;
font-size: 12px;
line-height: 17px;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@ -4378,7 +4382,7 @@ td.message span.message {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px;
line-height: 1em;
font-size: 12.1px;
font-size: 12px;
background-image: url(../images/arrow_right.png);
background-repeat: no-repeat;
background-position: left center;
@ -5604,7 +5608,7 @@ table.nextmatch_header img {
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg
* @version $Id: layout_traditional.less 54473 2015-12-07 09:08:09Z hnategh $
* @version $Id: layout_traditional.less 55245 2016-03-04 09:21:40Z ralfbecker $
*/
/* traditional */
form {
@ -5851,7 +5855,7 @@ a.textSidebox {
.egw-loading-prompt-container::before {
opacity: .3;
content: "";
background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
background-color: #aaaaaa;
width: 100%;
height: 100%;
position: absolute;
@ -6418,7 +6422,7 @@ span.egw_tutorial_title {
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 14.3px;
font-size: 14px;
line-height: 1em;
margin: 0 15px 2px 2px;
vertical-align: super;
@ -6538,7 +6542,7 @@ span.egw_tutorial_title {
padding-top: 0.31em;
padding-left: 3em;
color: #999999;
font-size: 14.3px;
font-size: 14px;
line-height: 17px;
}
body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header object {
@ -6684,7 +6688,7 @@ span.egw_tutorial_title {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px;
line-height: 1em;
font-size: 12.1px;
font-size: 12px;
background-image: url(../images/arrow_left.png);
background-repeat: no-repeat;
background-position: left center;
@ -7613,14 +7617,19 @@ span.egw_tutorial_title {
padding-left: 8px;
}
body #popupMainDiv input,
body #popupMainDiv select {
body #popupMainDiv select,
body #popupMainDiv .et2_selectbox {
padding: 0;
padding-left: 0;
border-left: 0;
border-top: 0;
border-right: 0;
border-radius: 0;
}
body #popupMainDiv ul.et2_selectbox li {
padding-top: 13px;
}
body #popupMainDiv .et2_label .et2_date_ro.et2_label,
body #popupMainDiv .et2_date input.et2_date {
body #popupMainDiv .et2_label .et2_date_ro.et2_label {
padding-left: 0;
}
body #popupMainDiv .et2_button_with_image {
@ -7631,6 +7640,7 @@ span.egw_tutorial_title {
}
body #popupMainDiv .et2_date {
min-width: 100px;
padding-left: 0;
}
body #popupMainDiv .et2_button_with_image,
body #popupMainDiv .et2_button_text {

11
pixelegg/mobile/fw_mobile.less
View File

@ -789,14 +789,19 @@
height:46px;
padding-left: 8px;
}
input, select {
input, select, .et2_selectbox {
padding:0;
padding-left:0;
border-left:0;
border-top:0;
border-right:0;
border-radius: 0;
}
ul.et2_selectbox {
li{padding-top: 13px;}
}
/* Exceptional cases to not get the general left padding*/
.et2_label .et2_date_ro.et2_label, .et2_date input.et2_date {padding-left: 0;}
.et2_label .et2_date_ro.et2_label {padding-left: 0;}
.et2_button_with_image {
background-color: transparent;
@ -804,7 +809,7 @@
box-shadow: none;
color: #1e1e1e;
}
.et2_date {min-width:100px;}
.et2_date {min-width:100px;padding-left:0;}
.et2_button_with_image, .et2_button_text {
height: 46px;
margin: 1px;

3
timesheet/templates/mobile/app.css
View File

@ -46,4 +46,7 @@
#timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link {
font-weight: normal;
}
#timesheet-edit_pl_id {
width: 69%;
}
}

1
timesheet/templates/mobile/app.less
View File

@ -54,4 +54,5 @@
}
}
}
#timesheet-edit_pl_id{width:69%;}
}

4
timesheet/templates/mobile/edit.xet
View File

@ -21,8 +21,8 @@
<row disabled="@ts_viewtype">
<description value="Unitprice" for="ts_unitprice"/>
<hbox disabled="@pm_integration=none" >
<textbox type="float" id="ts_unitprice" span="all" size="10"/>
<projectmanager-pricelist id="pl_id" class="et2_fullWidth" onchange="window.app.timesheet.et2.getWidgetById('ts_unitprice').set_value(this.options[this.selectedIndex].text.lastIndexOf('(') &lt; 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1));" options="None"/>
<textbox type="float" id="ts_unitprice" span="all" size="10" width="30%"/>
<projectmanager-pricelist id="pl_id" width="70%" onchange="window.app.timesheet.et2.getWidgetById('ts_unitprice').set_value(this.options[this.selectedIndex].text.lastIndexOf('(') &lt; 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1));" options="None"/>
</hbox>
</row>
<row class="row" disabled="!@ts_viewtype">