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

Mobile theme:

Browse Source 
- Implement application selector toggle in sidemenu
- Change applications list style
- Restyle top toolbar and reposition avatar
This commit is contained in:
Hadi Nategh 2016-04-22 10:50:05 +00:00
parent 27848c3988
commit da28404b3d
8 changed files with 247 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pixelegg/css/mobile.css
View File

@ -6038,7 +6038,7 @@ span.egw_tutorial_title {
position: absolute; position: absolute;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout { body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout {
float: right; display: inline-block;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout { body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout {
background-image: url(../images/logout.png); background-image: url(../images/logout.png);
@ -6201,14 +6201,16 @@ span.egw_tutorial_title {
background-position: center; background-position: center;
} }
body #egw_fw_basecontainer #egw_fw_userinfo { body #egw_fw_basecontainer #egw_fw_userinfo {
height: 50px; height: 60px;
z-index: 1000; z-index: 1000;
display: inline-block; display: inline-block;
margin-left: 40%;
} }
body #egw_fw_basecontainer #egw_fw_userinfo span.avatar { body #egw_fw_basecontainer #egw_fw_userinfo span.avatar {
display: inline-block; display: inline-block;
float: left; float: left;
height: 45px;
width: 45px;
margin-top: 1px;
} }
body #egw_fw_basecontainer #egw_fw_userinfo span.user { body #egw_fw_basecontainer #egw_fw_userinfo span.user {
display: inline-block; display: inline-block;
@ -6645,8 +6647,9 @@ span.egw_tutorial_title {
background-image: url(../images/topmenu_items/mobile/menu.png); background-image: url(../images/topmenu_items/mobile/menu.png);
} }
body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo, body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo,
body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout { body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout,
display: none; body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle {
display: none !important;
} }
body .sidebar-toggle #egw_fw_sidebar { body .sidebar-toggle #egw_fw_sidebar {
top: 70px; top: 70px;

16
pixelegg/css/mobile.less
View File

@ -151,7 +151,7 @@
width:300px; width:300px;
position:absolute; position:absolute;
.egw_fw_logout { .egw_fw_logout {
float:right; display:inline-block;
a#topmenu_logout{ a#topmenu_logout{
background-image: url(../images/logout.png); background-image: url(../images/logout.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -330,13 +330,15 @@
} }
} }
#egw_fw_userinfo { #egw_fw_userinfo {
height:50px; height:60px;
z-index:1000; z-index:1000;
display: inline-block; display: inline-block;
margin-left:40%;
span.avatar { span.avatar {
display: inline-block; display: inline-block;
float:left; float:left;
height: 45px;
width: 45px;
margin-top: 1px;
} }
span.user { span.user {
display: inline-block; display: inline-block;
@ -717,11 +719,9 @@
//ToggleClass //ToggleClass
.sidebar-toggle{ .sidebar-toggle{
#egw_fw_top_toolbar div#egw_fw_menu{ #egw_fw_top_toolbar {
background-image: url(../images/topmenu_items/mobile/menu.png); div#egw_fw_menu {background-image: url(../images/topmenu_items/mobile/menu.png);}
} #egw_fw_userinfo, .egw_fw_logout, #egw_fw_appsToggle {display: none !important;}
#egw_fw_top_toolbar #egw_fw_userinfo,#egw_fw_top_toolbar .egw_fw_logout {
display: none;
} }
#egw_fw_sidebar{ #egw_fw_sidebar{
top: 70px; top: 70px;

10
pixelegg/head_mobile.tpl
View File

File diff suppressed because one or more lines are too long

99
pixelegg/images/apps.svg Normal file
View File

@ -0,0 +1,99 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<?xml-stylesheet type="text/css" href="../less/svg.css" ?><svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="pixelegg_dots"
x="0px"
y="0px"
width="32px"
height="32px"
viewBox="0 0 32 32"
enable-background="new 0 0 32 32"
xml:space="preserve"
inkscape:version="0.91 r13725"
sodipodi:docname="apps_3.svg"><metadata
id="metadata4389"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs4387" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1535"
inkscape:window-height="876"
id="namedview4385"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="13.16348"
inkscape:cy="18.28217"
inkscape:window-x="65"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="pixelegg_dots"
showguides="false" /><circle
fill="#696969"
stroke="#e6e6e6"
stroke-miterlimit="10"
cx="16.419"
cy="4.306"
r="3.458"
id="circle4379" /><circle
fill="#696969"
stroke="#e6e6e6"
stroke-miterlimit="10"
cx="16.419"
cy="15.94"
r="3.458"
id="circle4381" /><path
fill="#696969"
stroke="#e6e6e6"
stroke-miterlimit="10"
d="M19.864,27.721c0,1.911-1.55,3.459-3.459,3.459 c-1.91,0-3.458-1.548-3.458-3.459c0-1.907,1.548-3.457,3.458-3.457C18.314,24.264,19.864,25.813,19.864,27.721z"
id="path4383" /><circle
style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
stroke-miterlimit="10"
cx="27.332001"
cy="4.3059998"
r="3.4579999"
id="circle4379-3" /><circle
style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
stroke-miterlimit="10"
cx="27.332001"
cy="15.939998"
r="3.4579999"
id="circle4381-3" /><path
inkscape:connector-curvature="0"
style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
stroke-miterlimit="10"
d="m 30.777,27.721 c 0,1.911 -1.55,3.459 -3.459,3.459 -1.91,0 -3.458,-1.548 -3.458,-3.459 0,-1.907 1.548,-3.457 3.458,-3.457 1.909,0 3.459,1.549 3.459,3.457 z"
id="path4383-1" /><circle
style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
stroke-miterlimit="10"
cx="5.1660004"
cy="4.3059993"
r="3.4579999"
id="circle4379-7" /><circle
style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
stroke-miterlimit="10"
cx="5.1660004"
cy="15.94"
r="3.4579999"
id="circle4381-8" /><path
inkscape:connector-curvature="0"
style="fill:#696969;stroke:#e6e6e6;stroke-miterlimit:10"
stroke-miterlimit="10"
d="m 8.611,27.721 c 0,1.911 -1.55,3.459 -3.459,3.459 -1.91,0 -3.458,-1.548 -3.458,-3.459 0,-1.907 1.548,-3.457 3.458,-3.457 1.909,0 3.459,1.549 3.459,3.457 z"
id="path4383-4" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

33
pixelegg/mobile/app_colors.css
View File

@ -20,6 +20,9 @@ div[id^="addressbook-"] .dialogHeadbar,
form[id^="addressbook-"] .dialogHeadbar { form[id^="addressbook-"] .dialogHeadbar {
background-color: #333399; background-color: #333399;
} }
#addressbook_sidebox_header {
border-left: 6px solid #333399 !important;
}
div[id^="admin-"] .plus_button, div[id^="admin-"] .plus_button,
form[id^="admin-"] .plus_button, form[id^="admin-"] .plus_button,
div[id^="admin-"] .search.nm-mob-header, div[id^="admin-"] .search.nm-mob-header,
@ -28,6 +31,9 @@ div[id^="admin-"] .dialogHeadbar,
form[id^="admin-"] .dialogHeadbar { form[id^="admin-"] .dialogHeadbar {
background-color: #0073ce; background-color: #0073ce;
} }
#admin_sidebox_header {
border-left: 6px solid #0073ce !important;
}
div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="bookmarks-"] .plus_button, div[id^="bookmarks-"] .plus_button,
@ -38,6 +44,9 @@ div[id^="bookmarks-"] .dialogHeadbar,
form[id^="bookmarks-"] .dialogHeadbar { form[id^="bookmarks-"] .dialogHeadbar {
background-color: #db0087; background-color: #db0087;
} }
#bookmarks_sidebox_header {
border-left: 6px solid #db0087 !important;
}
div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="calendar-"] .plus_button, div[id^="calendar-"] .plus_button,
@ -48,6 +57,9 @@ div[id^="calendar-"] .dialogHeadbar,
form[id^="calendar-"] .dialogHeadbar { form[id^="calendar-"] .dialogHeadbar {
background-color: #cc0033; background-color: #cc0033;
} }
#calendar_sidebox_header {
border-left: 6px solid #cc0033 !important;
}
div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="filemanager-"] .plus_button, div[id^="filemanager-"] .plus_button,
@ -58,6 +70,9 @@ div[id^="filemanager-"] .dialogHeadbar,
form[id^="filemanager-"] .dialogHeadbar { form[id^="filemanager-"] .dialogHeadbar {
background-color: #f9d730; background-color: #f9d730;
} }
#filemanager_sidebox_header {
border-left: 6px solid #f9d730 !important;
}
div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="infolog-"] .plus_button, div[id^="infolog-"] .plus_button,
@ -68,6 +83,9 @@ div[id^="infolog-"] .dialogHeadbar,
form[id^="infolog-"] .dialogHeadbar { form[id^="infolog-"] .dialogHeadbar {
background-color: #ffb936; background-color: #ffb936;
} }
#infolog_sidebox_header {
border-left: 6px solid #ffb936 !important;
}
div[id^="mail-"] .plus_button, div[id^="mail-"] .plus_button,
form[id^="mail-"] .plus_button, form[id^="mail-"] .plus_button,
div[id^="mail-"] .search.nm-mob-header, div[id^="mail-"] .search.nm-mob-header,
@ -76,6 +94,9 @@ div[id^="mail-"] .dialogHeadbar,
form[id^="mail-"] .dialogHeadbar { form[id^="mail-"] .dialogHeadbar {
background-color: #47b2d4; background-color: #47b2d4;
} }
#mail_sidebox_header {
border-left: 6px solid #47b2d4 !important;
}
div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="projectmanager-"] .plus_button, div[id^="projectmanager-"] .plus_button,
@ -86,6 +107,9 @@ div[id^="projectmanager-"] .dialogHeadbar,
form[id^="projectmanager-"] .dialogHeadbar { form[id^="projectmanager-"] .dialogHeadbar {
background-color: #75de27; background-color: #75de27;
} }
#projectmanager_sidebox_header {
border-left: 6px solid #75de27 !important;
}
div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="resources-"] .plus_button, div[id^="resources-"] .plus_button,
@ -96,6 +120,9 @@ div[id^="resources-"] .dialogHeadbar,
form[id^="resources-"] .dialogHeadbar { form[id^="resources-"] .dialogHeadbar {
background-color: #009966; background-color: #009966;
} }
#resources_sidebox_header {
border-left: 6px solid #009966 !important;
}
div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="timesheet-"] .plus_button, div[id^="timesheet-"] .plus_button,
@ -106,6 +133,9 @@ div[id^="timesheet-"] .dialogHeadbar,
form[id^="timesheet-"] .dialogHeadbar { form[id^="timesheet-"] .dialogHeadbar {
background-color: #9d15ea; background-color: #9d15ea;
} }
#timesheet_sidebox_header {
border-left: 6px solid #9d15ea !important;
}
div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="tracker-"] .plus_button, div[id^="tracker-"] .plus_button,
@ -116,3 +146,6 @@ div[id^="tracker-"] .dialogHeadbar,
form[id^="tracker-"] .dialogHeadbar { form[id^="tracker-"] .dialogHeadbar {
background-color: #006666; background-color: #006666;
} }
#tracker_sidebox_header {
border-left: 6px solid #006666 !important;
}

13
pixelegg/mobile/app_colors.less
View File

@ -30,43 +30,54 @@
div[id^="addressbook-"],form[id^="addressbook-"] { div[id^="addressbook-"],form[id^="addressbook-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @addressbook-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @addressbook-color;}
} }
#addressbook_sidebox_header {border-left:6px solid @addressbook-color !important;}
// Admin // Admin
div[id^="admin-"],form[id^="admin-"] { div[id^="admin-"],form[id^="admin-"] {
.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @admin-color;} .plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @admin-color;}
} }
#admin_sidebox_header {border-left:6px solid @admin-color !important;}
// Bookmarks // Bookmarks
div[id^="bookmarks-"],form[id^="bookmarks-"] { div[id^="bookmarks-"],form[id^="bookmarks-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @bookmarks-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @bookmarks-color;}
} }
#bookmarks_sidebox_header {border-left:6px solid @bookmarks-color !important;}
// Calendar // Calendar
div[id^="calendar-"],form[id^="calendar-"]{ div[id^="calendar-"],form[id^="calendar-"]{
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @calendar-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @calendar-color;}
} }
#calendar_sidebox_header {border-left:6px solid @calendar-color !important;}
// Filemanager // Filemanager
div[id^="filemanager-"],form[id^="filemanager-"] { div[id^="filemanager-"],form[id^="filemanager-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @filemanager-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @filemanager-color;}
} }
#filemanager_sidebox_header {border-left:6px solid @filemanager-color !important;}
// Infolog // Infolog
div[id^="infolog-"],form[id^="infolog-"] { div[id^="infolog-"],form[id^="infolog-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @infolog-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @infolog-color;}
} }
#infolog_sidebox_header {border-left:6px solid @infolog-color !important;}
// Mail // Mail
div[id^="mail-"],form[id^="mail-"] { div[id^="mail-"],form[id^="mail-"] {
.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @mail-color;} .plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @mail-color;}
} }
#mail_sidebox_header {border-left:6px solid @mail-color !important;}
// Projectmanager // Projectmanager
div[id^="projectmanager-"],form[id^="projectmanager-"] { div[id^="projectmanager-"],form[id^="projectmanager-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @projectmanager-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @projectmanager-color;}
} }
#projectmanager_sidebox_header {border-left:6px solid @projectmanager-color !important;}
// Resources // Resources
div[id^="resources-"],form[id^="resources-"] { div[id^="resources-"],form[id^="resources-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @resources-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @resources-color;}
} }
#resources_sidebox_header {border-left:6px solid @resources-color !important;}
// Timesheet // Timesheet
div[id^="timesheet-"],form[id^="timesheet-"] { div[id^="timesheet-"],form[id^="timesheet-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @timesheet-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @timesheet-color;}
} }
#timesheet_sidebox_header {border-left:6px solid @timesheet-color !important;}
// Tracker // Tracker
div[id^="tracker-"],form[id^="tracker-"] { div[id^="tracker-"],form[id^="tracker-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @tracker-color;} .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @tracker-color;}
} }
#tracker_sidebox_header {border-left:6px solid @tracker-color !important;}

74
pixelegg/mobile/fw_mobile.css
View File

@ -4345,7 +4345,7 @@ td.message span.message {
} }
#egw_fw_sidebar #egw_fw_toggler { #egw_fw_sidebar #egw_fw_toggler {
display: block; display: block;
width: 28px; width: 30px;
height: 30px; height: 30px;
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -4353,7 +4353,6 @@ td.message span.message {
margin-top: 0; margin-top: 0;
margin-bottom: -30px; margin-bottom: -30px;
float: right; float: right;
margin-right: -15px;
} }
#egw_fw_sidebar #egw_fw_toggler span { #egw_fw_sidebar #egw_fw_toggler span {
background-color: transparent; background-color: transparent;
@ -4364,6 +4363,7 @@ td.message span.message {
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
top: 11px; top: 11px;
left: 10px;
} }
#egw_fw_sidebar #egw_fw_toggler span:before { #egw_fw_sidebar #egw_fw_toggler span:before {
transition-duration: 0.7s; transition-duration: 0.7s;
@ -4411,6 +4411,7 @@ td.message span.message {
transition: all 0.3s; transition: all 0.3s;
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -moz-transition: all 0.3s;
left: 0;
} }
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
@ -6048,7 +6049,7 @@ span.egw_tutorial_title {
position: absolute; position: absolute;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout { body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout {
float: right; display: inline-block;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout { body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout {
background-image: url(../images/logout.png); background-image: url(../images/logout.png);
@ -6211,14 +6212,16 @@ span.egw_tutorial_title {
background-position: center; background-position: center;
} }
body #egw_fw_basecontainer #egw_fw_userinfo { body #egw_fw_basecontainer #egw_fw_userinfo {
height: 50px; height: 60px;
z-index: 1000; z-index: 1000;
display: inline-block; display: inline-block;
margin-left: 40%;
} }
body #egw_fw_basecontainer #egw_fw_userinfo span.avatar { body #egw_fw_basecontainer #egw_fw_userinfo span.avatar {
display: inline-block; display: inline-block;
float: left; float: left;
height: 45px;
width: 45px;
margin-top: 1px;
} }
body #egw_fw_basecontainer #egw_fw_userinfo span.user { body #egw_fw_basecontainer #egw_fw_userinfo span.user {
display: inline-block; display: inline-block;
@ -6655,8 +6658,9 @@ span.egw_tutorial_title {
background-image: url(../images/topmenu_items/mobile/menu.png); background-image: url(../images/topmenu_items/mobile/menu.png);
} }
body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo, body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo,
body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout { body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout,
display: none; body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle {
display: none !important;
} }
body .sidebar-toggle #egw_fw_sidebar { body .sidebar-toggle #egw_fw_sidebar {
top: 70px; top: 70px;
@ -6767,6 +6771,9 @@ div[id^="addressbook-"] .dialogHeadbar,
form[id^="addressbook-"] .dialogHeadbar { form[id^="addressbook-"] .dialogHeadbar {
background-color: #333399; background-color: #333399;
} }
#addressbook_sidebox_header {
border-left: 6px solid #333399 !important;
}
div[id^="admin-"] .plus_button, div[id^="admin-"] .plus_button,
form[id^="admin-"] .plus_button, form[id^="admin-"] .plus_button,
div[id^="admin-"] .search.nm-mob-header, div[id^="admin-"] .search.nm-mob-header,
@ -6775,6 +6782,9 @@ div[id^="admin-"] .dialogHeadbar,
form[id^="admin-"] .dialogHeadbar { form[id^="admin-"] .dialogHeadbar {
background-color: #0073ce; background-color: #0073ce;
} }
#admin_sidebox_header {
border-left: 6px solid #0073ce !important;
}
div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="bookmarks-"] .plus_button, div[id^="bookmarks-"] .plus_button,
@ -6785,6 +6795,9 @@ div[id^="bookmarks-"] .dialogHeadbar,
form[id^="bookmarks-"] .dialogHeadbar { form[id^="bookmarks-"] .dialogHeadbar {
background-color: #db0087; background-color: #db0087;
} }
#bookmarks_sidebox_header {
border-left: 6px solid #db0087 !important;
}
div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="calendar-"] .plus_button, div[id^="calendar-"] .plus_button,
@ -6795,6 +6808,9 @@ div[id^="calendar-"] .dialogHeadbar,
form[id^="calendar-"] .dialogHeadbar { form[id^="calendar-"] .dialogHeadbar {
background-color: #cc0033; background-color: #cc0033;
} }
#calendar_sidebox_header {
border-left: 6px solid #cc0033 !important;
}
div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="filemanager-"] .plus_button, div[id^="filemanager-"] .plus_button,
@ -6805,6 +6821,9 @@ div[id^="filemanager-"] .dialogHeadbar,
form[id^="filemanager-"] .dialogHeadbar { form[id^="filemanager-"] .dialogHeadbar {
background-color: #f9d730; background-color: #f9d730;
} }
#filemanager_sidebox_header {
border-left: 6px solid #f9d730 !important;
}
div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="infolog-"] .plus_button, div[id^="infolog-"] .plus_button,
@ -6815,6 +6834,9 @@ div[id^="infolog-"] .dialogHeadbar,
form[id^="infolog-"] .dialogHeadbar { form[id^="infolog-"] .dialogHeadbar {
background-color: #ffb936; background-color: #ffb936;
} }
#infolog_sidebox_header {
border-left: 6px solid #ffb936 !important;
}
div[id^="mail-"] .plus_button, div[id^="mail-"] .plus_button,
form[id^="mail-"] .plus_button, form[id^="mail-"] .plus_button,
div[id^="mail-"] .search.nm-mob-header, div[id^="mail-"] .search.nm-mob-header,
@ -6823,6 +6845,9 @@ div[id^="mail-"] .dialogHeadbar,
form[id^="mail-"] .dialogHeadbar { form[id^="mail-"] .dialogHeadbar {
background-color: #47b2d4; background-color: #47b2d4;
} }
#mail_sidebox_header {
border-left: 6px solid #47b2d4 !important;
}
div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="projectmanager-"] .plus_button, div[id^="projectmanager-"] .plus_button,
@ -6833,6 +6858,9 @@ div[id^="projectmanager-"] .dialogHeadbar,
form[id^="projectmanager-"] .dialogHeadbar { form[id^="projectmanager-"] .dialogHeadbar {
background-color: #75de27; background-color: #75de27;
} }
#projectmanager_sidebox_header {
border-left: 6px solid #75de27 !important;
}
div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="resources-"] .plus_button, div[id^="resources-"] .plus_button,
@ -6843,6 +6871,9 @@ div[id^="resources-"] .dialogHeadbar,
form[id^="resources-"] .dialogHeadbar { form[id^="resources-"] .dialogHeadbar {
background-color: #009966; background-color: #009966;
} }
#resources_sidebox_header {
border-left: 6px solid #009966 !important;
}
div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="timesheet-"] .plus_button, div[id^="timesheet-"] .plus_button,
@ -6853,6 +6884,9 @@ div[id^="timesheet-"] .dialogHeadbar,
form[id^="timesheet-"] .dialogHeadbar { form[id^="timesheet-"] .dialogHeadbar {
background-color: #9d15ea; background-color: #9d15ea;
} }
#timesheet_sidebox_header {
border-left: 6px solid #9d15ea !important;
}
div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
div[id^="tracker-"] .plus_button, div[id^="tracker-"] .plus_button,
@ -6863,6 +6897,9 @@ div[id^="tracker-"] .dialogHeadbar,
form[id^="tracker-"] .dialogHeadbar { form[id^="tracker-"] .dialogHeadbar {
background-color: #006666; background-color: #006666;
} }
#tracker_sidebox_header {
border-left: 6px solid #006666 !important;
}
/********************************/ /********************************/
/* */ /* */
/* MEDIA DEFINITION */ /* MEDIA DEFINITION */
@ -7151,6 +7188,24 @@ form[id^="tracker-"] .dialogHeadbar {
position: absolute; position: absolute;
width: 300px; width: 300px;
} }
body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_userinfo {
float: right;
}
body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle {
height: 50px;
z-index: 1000;
display: inline-block;
width: 50px;
float: left;
margin-left: 60px;
background-image: url(../images/apps.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
}
body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle.toggled {
background-image: url(../images/sidebar.svg);
}
body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items { body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
padding-top: 8px; padding-top: 8px;
} }
@ -7197,10 +7252,7 @@ form[id^="tracker-"] .dialogHeadbar {
box-shadow: none; box-shadow: none;
} }
body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div { body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div {
display: inline-block; margin-bottom: 5px;
}
body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div h1 {
display: none;
} }
body div.dhtmlxMenu_egw_SubLevelArea_Polygon { body div.dhtmlxMenu_egw_SubLevelArea_Polygon {
font-size: medium; font-size: medium;

23
pixelegg/mobile/fw_mobile.less
View File

@ -321,7 +321,22 @@
position:absolute; position:absolute;
width:300px; width:300px;
#egw_fw_userinfo { #egw_fw_userinfo {
float: right;
}
#egw_fw_appsToggle {
height: 50px;
z-index: 1000;
display: inline-block;
width: 50px;
float: left;
margin-left: 60px;
background-image:url(../images/apps.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
}
#egw_fw_appsToggle.toggled {
background-image:url(../images/sidebar.svg);
} }
div#egw_fw_topmenu_items { div#egw_fw_topmenu_items {
padding-top: 8px; padding-top: 8px;
@ -379,11 +394,7 @@
box-shadow: none; box-shadow: none;
} }
.egw_fw_ui_sidemenu_entry_apps> div{ .egw_fw_ui_sidemenu_entry_apps> div{
display: inline-block; margin-bottom: 5px;
h1 {
display: none;
}
} }
} }