From 2dbdde1628196482c92bd7174ffec7a98c91052a Mon Sep 17 00:00:00 2001 From: Thomas ZILLIOX <thomas@zilliox.me> Date: Thu, 15 Aug 2013 01:51:41 +0200 Subject: [PATCH] Bugfix on conflict between the administration & dashboard menu --- plugins/CoreHome/stylesheets/menu.less | 46 +++++++++++++------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/plugins/CoreHome/stylesheets/menu.less b/plugins/CoreHome/stylesheets/menu.less index 4f44b6f4a0..abd112831f 100644 --- a/plugins/CoreHome/stylesheets/menu.less +++ b/plugins/CoreHome/stylesheets/menu.less @@ -2,20 +2,20 @@ position: relative; } -.Menu-tabList { +.Menu-dashboard > .Menu-tabList { line-height: 1; display: table; // The nav has the height og his children margin-bottom: -1px; // Allow tabs to merge with the submenu } -.Menu-tabList ul { +.Menu-dashboard > .Menu-tabList ul { background: #fff; /*IE6 needs this*/ float: left; position: relative; } /* LEVEL1 NORMAL */ -.Menu-tabList > li { +.Menu-dashboard > .Menu-tabList > li { background: #f1f1f1; float: left; list-style: none; @@ -26,7 +26,7 @@ border-radius: 4px 4px 0 0; } -.Menu-tabList a { +.Menu-dashboard > .Menu-tabList a { color: #444; font-size: 18px; display: block; @@ -38,28 +38,28 @@ } /* LEVEL1 HOVER */ -.Menu-tabList > li:hover, -.Menu-tabList > li.sfHover { +.Menu-dashboard > .Menu-tabList > li:hover, +.Menu-dashboard > .Menu-tabList > li.sfHover { background: #fff; } -.Menu-tabList > li:hover > a, -.Menu-tabList > li.sfHover > a, -.Menu-tabList > li.sfActive > a, -.Menu-tabList a:hover { +.Menu-dashboard > .Menu-tabList > li:hover > a, +.Menu-dashboard > .Menu-tabList > li.sfHover > a, +.Menu-dashboard > .Menu-tabList > li.sfActive > a, +.Menu-dashboard > .Menu-tabList a:hover { color: #e87500; } -.Menu-tabList > li:hover > a { +.Menu-dashboard > .Menu-tabList > li:hover > a { text-decoration: underline; } -.Menu-tabList > li.sfHover > a { +.Menu-dashboard > .Menu-tabList > li.sfHover > a { border-bottom: 1px solid #fff; } /* LEVEL2 NORMAL */ -.Menu-tabList > li > ul { +.Menu-dashboard > .Menu-tabList > li > ul { padding: 9px 0 5px 0; left: 0; top: -999em; @@ -69,14 +69,14 @@ background: none; } -.Menu-tabList > li li { +.Menu-dashboard > .Menu-tabList > li li { float: left; background: none; border: 0; text-align: center; } -.Menu-tabList > li li > a { +.Menu-dashboard > .Menu-tabList > li li > a { padding: 5px 15px; font-size: 14px; border: 0; @@ -89,8 +89,8 @@ } /* LEVEL2 HOVER */ -.Menu-tabList > li.sfHover > ul, -.Menu-tabList > li:hover > ul { +.Menu-dashboard > .Menu-tabList > li.sfHover > ul, +.Menu-dashboard > .Menu-tabList > li:hover > ul { z-index: 1; top: 100%; opacity: 1; @@ -100,12 +100,12 @@ transition: opacity 300ms ease-out 10ms; } -.Menu-tabList > li li:hover > a, -.Menu-tabList > li li.sfHover > a { +.Menu-dashboard > .Menu-tabList > li li:hover > a, +.Menu-dashboard > .Menu-tabList > li li.sfHover > a { color: #e87500; } -.Menu-tabList > li li.sfHover > a { +.Menu-dashboard > .Menu-tabList > li li.sfHover > a { font-weight: bold; text-decoration: none !important; } @@ -117,15 +117,15 @@ } @media all and (max-width: 749px) { - .Menu-tabList a { + .Menu-dashboard > .Menu-tabList a { padding-left: 8px; padding-right: 8px; } } @media all and (max-width: 549px) { - ul.Menu-tabList > li.sfHover > a, - ul.Menu-tabList > li.sfActive.sfHover > a { + .Menu-dashboard > ul.Menu-tabList > li.sfHover > a, + .Menu-dashboard > ul.Menu-tabList > li.sfActive.sfHover > a { border-bottom: 0; } } -- GitLab