diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css index 3aa36ef1e..61ffc948f 100644 --- a/modules/backend/assets/css/october.css +++ b/modules/backend/assets/css/october.css @@ -658,21 +658,20 @@ body.slim-container .layout.layout-container,body.slim-container .layout .layout .flex-layout-item.width-200{width:200px} .flex-layout-item.width-300{width:300px} body.mainmenu-open{overflow:hidden} +.mainmenu-tooltip .tooltip-inner{font-size:16px;padding:6px 16px} nav#layout-mainmenu{background-color:#111111;padding:0 0 0 20px;line-height:0;white-space:nowrap;vertical-align:top} nav#layout-mainmenu a{text-decoration:none} nav#layout-mainmenu a:focus{background:transparent} nav#layout-mainmenu ul{margin:0;padding:0;list-style:none;float:left;white-space:nowrap;overflow:hidden} -nav#layout-mainmenu ul li{color:#555555;display:inline-block;vertical-align:top;margin-right:30px;position:relative} +nav#layout-mainmenu ul li{color:#555555;display:inline-block;vertical-align:top;margin-right:30px;position:relative; } nav#layout-mainmenu ul li a{padding:19px 0 15px;display:inline-block;font-size:16px;color:inherit;outline:none} nav#layout-mainmenu ul li a:hover{background-color:transparent !important} nav#layout-mainmenu ul li a:active,nav#layout-mainmenu ul li a:focus{text-decoration:none;color:#555555} nav#layout-mainmenu ul li a i{position:relative;top:-2px;line-height:1;font-size:30px;vertical-align:middle;margin-right:10px} nav#layout-mainmenu ul li a img.svg-icon{height:30px;width:30px;margin-right:10px;position:relative;top:0} +nav#layout-mainmenu ul li a .nav-label{display:none} nav#layout-mainmenu ul li:last-child{margin-right:0} -nav#layout-mainmenu ul li.active:after{content:' ';position:absolute;bottom:0;left:50%;margin-left:-8.5px} -nav#layout-mainmenu ul li.active a{font-size:18px;padding-top:13px;padding-bottom:8px} -nav#layout-mainmenu ul li.active a i{font-size:40px} -nav#layout-mainmenu ul li.active a img.svg-icon{height:40px;width:40px} +nav#layout-mainmenu ul li.active .nav-label{display:inline} nav#layout-mainmenu ul li.icon{margin-right:0} nav#layout-mainmenu ul li.icon i{margin-right:0} nav#layout-mainmenu ul li.icon a{padding:14px} diff --git a/modules/backend/assets/js/october-min.js b/modules/backend/assets/js/october-min.js index 6e572f9ca..cdd8c2d30 100644 --- a/modules/backend/assets/js/october-min.js +++ b/modules/backend/assets/js/october-min.js @@ -888,7 +888,7 @@ $.fn.verticalMenu.noConflict=function(){$.fn.verticalMenu=old return this}}(window.jQuery);(function($){$(window).load(function(){$('nav.navbar').each(function(){var navbar=$(this),nav=$('ul.nav',navbar) nav.verticalMenu($('a.menu-toggle',navbar)) -$('li.with-tooltip > a',navbar).tooltip({container:'body',placement:'bottom'}) +$('li.with-tooltip:not(.active) > a',navbar).tooltip({container:'body',placement:'bottom',template:'
'}) $('[data-calculate-width]',navbar).one('oc.widthFixed',function(){var dragScroll=$('[data-control=toolbar]',navbar).data('oc.dragScroll') if(dragScroll){dragScroll.goToElement($('ul.nav > li.active',navbar),undefined,{'duration':0})}})})})})(jQuery);+function($){"use strict";if($.oc===undefined) $.oc={} diff --git a/modules/backend/assets/js/october.navbar.js b/modules/backend/assets/js/october.navbar.js index df87b29c0..fede55edf 100644 --- a/modules/backend/assets/js/october.navbar.js +++ b/modules/backend/assets/js/october.navbar.js @@ -18,9 +18,10 @@ nav.verticalMenu($('a.menu-toggle', navbar)) - $('li.with-tooltip > a', navbar).tooltip({ + $('li.with-tooltip:not(.active) > a', navbar).tooltip({ container: 'body', - placement: 'bottom' + placement: 'bottom', + template: '' }) $('[data-calculate-width]', navbar).one('oc.widthFixed', function() { diff --git a/modules/backend/assets/less/layout/mainmenu.less b/modules/backend/assets/less/layout/mainmenu.less index 93abd8e14..9946dbf05 100644 --- a/modules/backend/assets/less/layout/mainmenu.less +++ b/modules/backend/assets/less/layout/mainmenu.less @@ -32,6 +32,13 @@ body.mainmenu-open { } } +.mainmenu-tooltip { + .tooltip-inner { + font-size: 16px; + padding: 6px 16px; + } +} + nav#layout-mainmenu { background-color: @color-mainmenu; padding: 0 0 0 20px; @@ -71,12 +78,22 @@ nav#layout-mainmenu { position: relative; top: 0; } + + .nav-label { + display: none; + } } &:last-child { margin-right: 0; } + &.active { + .nav-label { + display: inline; + } + } +/* &.active { &:after { content: ' '; @@ -101,7 +118,7 @@ nav#layout-mainmenu { } } } - +*/ &.icon { margin-right: 0; diff --git a/modules/backend/layouts/_mainmenu.htm b/modules/backend/layouts/_mainmenu.htm index aa242ba48..fff0a3037 100644 --- a/modules/backend/layouts/_mainmenu.htm +++ b/modules/backend/layouts/_mainmenu.htm @@ -12,15 +12,21 @@