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

Mobile theme W.I.P.:

Browse Source 
- Apply custom color to dialog headbar
- Fix mail and addressbook list not getting full width
This commit is contained in:
Hadi Nategh 2016-01-22 16:27:44 +00:00
parent ed4fbca7c5
commit 403fb60ad6
3 changed files with 139 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
pixelegg/css/mobile.css
View File

@ -6665,7 +6665,7 @@ span.egw_tutorial_title {
padding-top: 15px; padding-top: 15px;
} }
body div.egw_fw_mobile_popup_appHeader { body div.egw_fw_mobile_popup_appHeader {
display: block !important; display: none !important;
height: 32px !important; height: 32px !important;
background-size: 2px; background-size: 2px;
font-size: 150% !important; font-size: 150% !important;
@ -7349,12 +7349,23 @@ span.egw_tutorial_title {
} }
.dialogHeadbar { .dialogHeadbar {
height: 50px; height: 50px;
box-shadow: 0px 1px 1px 1px silver; box-shadow: 0px 4px 5px 2px silver;
position: fixed; position: fixed;
width: 100%; width: 100%;
background: #0c5da5; background: #0c5da5;
top: 0; top: 0;
right: 0; right: 0;
z-index: 1;
}
.dialogHeadbar .et2_button_with_image,
.dialogHeadbar .et2_button_text {
height: 46px;
margin: 1px;
margin-left: 3px;
}
.dialogHeadbar td {
margin-left: 70px;
display: block;
} }
#mail-display { #mail-display {
min-height: initial !important; min-height: initial !important;
@ -7852,6 +7863,9 @@ span.egw_tutorial_title {
background-color: #ffc200; background-color: #ffc200;
border: none; border: none;
} }
body .et2_nextmatch .egwGridView_outer {
width: 100%;
}
body .et2_nextmatch .egwGridView_outer thead { body .et2_nextmatch .egwGridView_outer thead {
max-height: 1px; max-height: 1px;
display: none; display: none;
@ -7881,4 +7895,58 @@ span.egw_tutorial_title {
height: 24px; height: 24px;
font-size: 18pt; font-size: 18pt;
} }
body input {
border: none;
border-bottom: 1px solid #e6e6e6;
}
body #popupMainDiv * {
font-size: 10pt;
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
body #popupMainDiv .et2_textbox,
body #popupMainDiv .et2_date,
body #popupMainDiv .et2_dropdown,
body #popupMainDiv .et2_link,
body #popupMainDiv .et2_label,
body #popupMainDiv input {
height: 25px;
}
body #popupMainDiv .et2_button_with_image,
body #popupMainDiv .et2_button_text {
height: 46px;
margin: 1px;
margin-left: 3px;
}
body #popupMainDiv form {
margin-top: 50px;
}
body #popupMainDiv .et2_details.et2_details_expanded {
background-color: transparent;
}
body #popupMainDiv .et2_details.et2_details_expanded .et2_details_title {
display: inline-block;
background-color: #F0F0F0;
width: 100%;
padding-top: 12px;
}
body #popupMainDiv .et2_details {
position: relative;
background-color: #F0F0F0;
}
body #popupMainDiv .et2_details .et2_details_toggle {
position: absolute;
right: 2px;
top: 4px;
margin: 0px;
}
body #popupMainDiv .et2_details .et2_details_title {
padding-top: 12px;
margin-top: 0;
}
body .rowHeader {
font-size: 12pt;
}
body .et2_fullWidth input[type="radio"] {
width: auto;
}
} }

70
pixelegg/css/mobile.less
View File

@ -96,7 +96,7 @@
padding-top:15px; padding-top:15px;
} }
div.egw_fw_mobile_popup_appHeader { div.egw_fw_mobile_popup_appHeader {
display: block !important; display: none !important;
height: 32px !important; height: 32px !important;
background-size : 2px; background-size : 2px;
font-size: 150% !important; font-size: 150% !important;
@ -841,12 +841,22 @@
//################################### //###################################
.dialogHeadbar { .dialogHeadbar {
height: 50px; height: 50px;
box-shadow: 0px 1px 1px 1px silver; box-shadow: 0px 4px 5px 2px silver;
position: fixed; position: fixed;
width: 100%; width: 100%;
background: #0c5da5; background: #0c5da5;
top:0; top:0;
right:0; right:0;
z-index:1;
.et2_button_with_image, .et2_button_text {
height: 46px;
margin: 1px;
margin-left: 3px;
}
td {
margin-left:70px;
display: block;
}
} }
//################################### //###################################
@ -1431,6 +1441,7 @@
} }
} }
.egwGridView_outer { .egwGridView_outer {
width: 100%;
thead{ thead{
max-height: 1px; max-height: 1px;
display: none; display: none;
@ -1470,5 +1481,60 @@
} }
} }
} }
input {
border:none;
border-bottom: 1px solid #e6e6e6;
}
#popupMainDiv {
* {
.mob-fontsize-n;
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
height:25px;
}
.et2_button_with_image, .et2_button_text {
height: 46px;
margin: 1px;
margin-left: 3px;
}
form {
margin-top: 50px;
}
.et2_details.et2_details_expanded {
background-color: transparent;
.et2_details_title {
display: inline-block;
background-color: #F0F0F0;
width:100%;
padding-top: 12px;
}
.et2_details_toggle {
}
}
.et2_details {
position: relative;
background-color: #F0F0F0;
.et2_details_toggle {
position: absolute;
right: 2px;
top:4px;
margin: 0px;
}
.et2_details_title {
padding-top: 12px;
margin-top:0;
}
}
}
.rowHeader {
.mob-fontsize-l;
}
.et2_fullWidth {
input[type="radio"] {
width: auto;
}
}
} }
} }

2
pixelegg/inc/class.pixelegg_framework.inc.php
View File

@ -166,7 +166,7 @@ body button.plus_button,
body div.et2_nextmatch .search .nm_action_header, body div.et2_nextmatch .search .nm_action_header,
body div.et2_nextmatch .search .nm_toggle_header, body div.et2_nextmatch .search .nm_toggle_header,
body div.et2_nextmatch .search .nm_favorites_button , body div.et2_nextmatch .search .nm_favorites_button ,
body div.dialogHeadbar{ body .dialogHeadbar{
background-color: $color; background-color: $color;
}"; }";
} }