diff --git a/jdots/inc/class.jdots_framework.inc.php b/jdots/inc/class.jdots_framework.inc.php index 2c545baa6c..ac1edfd8f4 100755 --- a/jdots/inc/class.jdots_framework.inc.php +++ b/jdots/inc/class.jdots_framework.inc.php @@ -460,7 +460,7 @@ div .egw_fw_ui_sidemenu_entry_content > div { $id = $app_data['id'] ? $app_data['id'] : ($app_data['name'] ? $app_data['name'] : $app_data['title']); $title = html::$ua_mobile || $GLOBALS['egw_info']['user']['preferences']['common']['theme'] == 'mobile' ? '' : htmlspecialchars($alt_label ? $alt_label : $app_data['title']); - $this->topmenu_items[] = ''.$title.''; + $this->topmenu_items[] = ''.$title.''; } /** diff --git a/jdots/js/fw_mobile.js b/jdots/js/fw_mobile.js index 45775d2465..10f654d4f8 100644 --- a/jdots/js/fw_mobile.js +++ b/jdots/js/fw_mobile.js @@ -282,6 +282,9 @@ // Stores opened popups object this.popups = []; + + // The size that sidebox should be opened with + this.sideboxSize = _sideboxStartSize; //Bind handler to orientation change $j(window).on("orientationchange",function(){ @@ -359,7 +362,7 @@ if (orientation === 'landscape') { $toolbar.css('height','auto'); - this.toggleMenuResizeHandler(this.getToggleMenuState() === "off"?72:280); + this.toggleMenuResizeHandler(this.getToggleMenuState() === "off"?72:this.sideboxSize); $tabs.appendTo('#egw_fw_sidemenu'); // Remove tabs header portriat's specific styles $tabs.removeClass('tabs-header-portrait-collapsed'); @@ -368,7 +371,7 @@ { $toolbar.css('height','60px'); $tabs.appendTo($toolbar); - this.toggleMenuResizeHandler(this.getToggleMenuState() === "off"?1:280); + this.toggleMenuResizeHandler(this.getToggleMenuState() === "off"?1:this.sideboxSize); if (this.getToggleMenuState() === "off") { $tabs.addClass('tabs-header-portrait-collapsed'); @@ -415,7 +418,7 @@ { var state = _state || this.getToggleMenuState(); var collapseSize = this.isLandscape()?72:1; - var expandSize = 280; + var expandSize = this.sideboxSize; var $toggleMenu = $j(this.baseContainer); var $tabs = $j('.egw_fw_ui_tabs_header'); if (state === 'on') @@ -492,7 +495,7 @@ else { $toggleMenu.removeClass('sidebar-toggle'); - this.toggleMenuResizeHandler(280); + this.toggleMenuResizeHandler(this.sideboxSize); } }, @@ -575,7 +578,7 @@ toggleMenuResizeHandler:function(_size) { - var size= _size || 280; + var size= _size || this.sideboxSize; this.sideboxSizeCallback(size); this.appData.browser.callResizeHandler(); }, @@ -867,7 +870,7 @@ $j(document).ready(function() { window.framework = new fw_mobile("egw_fw_sidemenu", "egw_fw_tabs", - window.egw_webserverUrl, egw_setSideboxSize, 280, 'egw_fw_basecontainer', 'egw_fw_menu'); + window.egw_webserverUrl, egw_setSideboxSize, 350, 'egw_fw_basecontainer', 'egw_fw_menu'); window.callManual = window.framework.callManual; jQuery('#egw_fw_print').click(function(){window.framework.print();}); jQuery('#egw_fw_logout').click(function(){ window.framework.redirect(this.getAttribute('data-logout-url')); }); diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index be0c78a690..e58b05e214 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -4324,7 +4324,7 @@ td.message span.message { width: 12px; height: 12px; } -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_preferences:before { +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before { background-image: url(../images/topmenu_items/password.png); padding-right: 20px; content: ""; @@ -6309,13 +6309,13 @@ a.textSidebox { } #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header { max-height: 60px; - width: 69%; + width: 60%; margin-left: 0; overflow-x: scroll; position: initial; white-space: nowrap; position: fixed; - left: 30%; + left: 40%; top: 15px; height: 50px; } @@ -6336,7 +6336,7 @@ a.textSidebox { display: none; } #egw_fw_basecontainer div#egw_fw_logout { - left: 235px; + left: 310px; top: 20px; width: 24px; height: 24px; @@ -6344,12 +6344,12 @@ a.textSidebox { z-index: 1; } #egw_fw_basecontainer div#egw_fw_print { - display: none; - left: 180px; + left: 268px; top: 20px; width: 24px; height: 24px; background-size: 24px 24px; + z-index: 1; } #egw_fw_basecontainer .egw_fw_top_toolbar > div:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -6370,6 +6370,11 @@ a.textSidebox { background-repeat: no-repeat; z-index: 999; } + #egw_fw_basecontainer div#egw_fw_menu:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + } #egw_fw_basecontainer div#egw_fw_menu:active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -6390,8 +6395,14 @@ a.textSidebox { list-style-type: none; } #egw_fw_basecontainer div#egw_fw_topmenu_items ul li { - display: inline; - padding-right: 6px; + display: -webkit-inline-box; + display: -moz-inline-box; + padding-right: 0.5em; + } + #egw_fw_basecontainer div#egw_fw_topmenu_items ul li:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home:before { content: " "; @@ -6400,6 +6411,7 @@ a.textSidebox { width: 32px; height: 32px; background-size: 32px 32px; + /*display:inline-block;*/ display: none; } #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs:before { @@ -6433,7 +6445,7 @@ a.textSidebox { background-size: 32px 32px; display: inline-block; } - #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_preferences:before { + #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_password:before { background-image: url(../images/topmenu_items/mobile/password.png); content: ""; background-repeat: no-repeat; @@ -6952,7 +6964,8 @@ a.textSidebox { display: none; } .sidebar-toggle #egw_fw_logout, - .sidebar-toggle #egw_fw_topmenu_items { + .sidebar-toggle #egw_fw_topmenu_items, + .sidebar-toggle #egw_fw_print { display: none !important; } .tabs-header-portrait-collapsed { diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less index 161ebe80e0..c59de378cc 100644 --- a/pixelegg/css/mobile.less +++ b/pixelegg/css/mobile.less @@ -104,13 +104,13 @@ #egw_fw_top_toolbar{ div.egw_fw_ui_tabs_header{ max-height: 60px; - width: 69%; + width: 60%; margin-left: 0; overflow-x: scroll; position: initial; white-space: nowrap; position: fixed; - left: 30%; + left: 40%; top: 15px; height: 50px; span{ @@ -134,7 +134,7 @@ } //FW Logout div#egw_fw_logout{ - left: 235px; + left: 310px; top: 20px; width: 24px; height: 24px; @@ -144,12 +144,12 @@ //FW Print div#egw_fw_print{ - display:none; //ATM set it to not displayed - left: 180px; + left: 268px; top: 20px; width: 24px; height: 24px; background-size: 24px 24px; + z-index: 1; } .egw_fw_top_toolbar>div:hover{ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -172,6 +172,11 @@ background-size: 32px 32px; background-repeat: no-repeat; z-index: 999; + &:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + } } div#egw_fw_menu:active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -191,8 +196,14 @@ margin:0; list-style-type: none; li{ - display:inline; - padding-right: 6px; + display: -webkit-inline-box; + display: -moz-inline-box; + padding-right: 0.5em; + &:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); + } } a#topmenu_home:before { content: " "; @@ -201,6 +212,7 @@ width: 32px; height: 32px; background-size: 32px 32px; + /*display:inline-block;*/ display:none; } a#topmenu_prefs { @@ -238,7 +250,7 @@ background-size: 32px 32px; display: inline-block; } - a#topmenu_preferences:before { + a#topmenu_password:before { background-image: url(../images/topmenu_items/mobile/password.png); content: ""; background-repeat: no-repeat; @@ -258,19 +270,21 @@ display: inline-block; } - a#topmenu_search:before { - background-image: url(../images/topmenu_items/mobile/search.png); - content: ""; - background-repeat: no-repeat; - width: 32px; - height: 32px; - background-size: 32px 32px; - display: inline-block; - } - a#topmenu_search:active { - transform: scale(-2); - -webkit-transform:scale(-2); - -webkit-transition: 1s ease; + a#topmenu_search{ + &:before { + background-image: url(../images/topmenu_items/mobile/search.png); + content: ""; + background-repeat: no-repeat; + width: 32px; + height: 32px; + background-size: 32px 32px; + display: inline-block; + } + &:active { + transform: scale(-2); + -webkit-transform:scale(-2); + -webkit-transition: 1s ease; + } } } } @@ -703,7 +717,7 @@ } } } - #egw_fw_logout, #egw_fw_topmenu_items{ + #egw_fw_logout, #egw_fw_topmenu_items, #egw_fw_print{ display:none !important; } } diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index f24b89d74b..c3f9565718 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4313,7 +4313,7 @@ td.message span.message { width: 12px; height: 12px; } -#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_preferences:before { +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before { background-image: url(../images/topmenu_items/password.png); padding-right: 20px; content: ""; diff --git a/pixelegg/images/category.png b/pixelegg/images/category.png new file mode 100755 index 0000000000..e90270a6a2 Binary files /dev/null and b/pixelegg/images/category.png differ diff --git a/pixelegg/images/topmenu_items/access.png b/pixelegg/images/topmenu_items/access.png index b08df8326c..6e17974cef 100644 Binary files a/pixelegg/images/topmenu_items/access.png and b/pixelegg/images/topmenu_items/access.png differ diff --git a/pixelegg/images/topmenu_items/category.png b/pixelegg/images/topmenu_items/category.png index 96417a4971..9ddc01f2d5 100644 Binary files a/pixelegg/images/topmenu_items/category.png and b/pixelegg/images/topmenu_items/category.png differ diff --git a/pixelegg/images/topmenu_items/mobile/access.png b/pixelegg/images/topmenu_items/mobile/access.png old mode 100644 new mode 100755 index 3d2ecbe825..ea16b1e8fe Binary files a/pixelegg/images/topmenu_items/mobile/access.png and b/pixelegg/images/topmenu_items/mobile/access.png differ diff --git a/pixelegg/images/topmenu_items/mobile/category.png b/pixelegg/images/topmenu_items/mobile/category.png index 830d6237ea..e90270a6a2 100755 Binary files a/pixelegg/images/topmenu_items/mobile/category.png and b/pixelegg/images/topmenu_items/mobile/category.png differ diff --git a/pixelegg/images/topmenu_items/mobile/password.png b/pixelegg/images/topmenu_items/mobile/password.png old mode 100755 new mode 100644 index fcc514a6d5..3d2ecbe825 Binary files a/pixelegg/images/topmenu_items/mobile/password.png and b/pixelegg/images/topmenu_items/mobile/password.png differ diff --git a/pixelegg/images/topmenu_items/password.png b/pixelegg/images/topmenu_items/password.png index 6e17974cef..b08df8326c 100644 Binary files a/pixelegg/images/topmenu_items/password.png and b/pixelegg/images/topmenu_items/password.png differ diff --git a/pixelegg/less/layout_raster_header.less b/pixelegg/less/layout_raster_header.less index 653e459168..bd4b62fa97 100644 --- a/pixelegg/less/layout_raster_header.less +++ b/pixelegg/less/layout_raster_header.less @@ -166,7 +166,7 @@ } } /*password*/ - a#topmenu_preferences{ + a#topmenu_password{ &:before { background-image: url(../images/topmenu_items/password.png); padding-right: 20px;