Fixes #4081 Bugfixes on dashboard menu and its LeftMenu style

1 files changed, 29 insertions, 11 deletions

diff --git a/plugins/LeftMenu/stylesheets/theme.less b/plugins/LeftMenu/stylesheets/theme.less
index 452610383a..9bee26e694 100644
--- a/plugins/LeftMenu/stylesheets/theme.less
+++ b/plugins/LeftMenu/stylesheets/theme.less
@@ -32,9 +32,13 @@
 }
 
 .Menu--dashboard > .Menu-tabList > li > ul {
+  min-height: 0;
   max-height: 0;
+  padding: 0;
   transition: max-height 1s;
   overflow: hidden;
+  position: static;
+  float: none;
 }
 
 .Menu--dashboard > .Menu-tabList > .sfActive > ul {
@@ -45,6 +49,14 @@
 .Menu--dashboard > .Menu-tabList li {
   list-style: none;
   margin: 0;
+  float: none;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
+.Menu--dashboard > .Menu-tabList li a:hover {
+  text-decoration: underline;
 }
 
 .Menu--dashboard > .Menu-tabList > li > span,
@@ -53,27 +65,37 @@
   display: block;
   padding: 5px 10px;
   font-size: 18px;
+  line-height: 24px;
   color: #7E7363;
+  text-decoration: none;
+  float: none;
 }
 
-.Menu--dashboard > .Menu-tabList li a {
+.Menu--dashboard > .Menu-tabList li li {
+  float: none;
+  text-align: left;
+}
+
+.Menu--dashboard > .Menu-tabList li li a {
   text-decoration: none;
   padding: 0.6em 0.9em;
   font: 14px Arial, Helvetica, sans-serif;
   display: block;
 }
 
-.Menu--dashboard > .Menu-tabList li a:link,
-.Menu--dashboard > .Menu-tabList li a:visited {
+.Menu--dashboard > .Menu-tabList li li a:link,
+.Menu--dashboard > .Menu-tabList li li a:visited {
   color: #000;
 }
 
-.Menu--dashboard > .Menu-tabList > .sfActive > a {
+.Menu--dashboard > .Menu-tabList > .sfActive > a,
+.Menu--dashboard > .Menu-tabList > li > a:hover {
   background: #f1f1f1;
+  border-bottom: 1px dotted #777788 !important;
 }
 
-.Menu--dashboard > .Menu-tabList li a:hover,
-.Menu--dashboard > .Menu-tabList li a.active {
+.Menu--dashboard > .Menu-tabList li li a:hover,
+.Menu--dashboard > .Menu-tabList li li a.active {
   color: #e87500;
 }
 
@@ -82,11 +104,7 @@
   font-weight: bold;
 }
 
-.Menu--dashboard > .Menu-tabList li a:hover {
-  text-decoration: underline;
-}
-
-.Menu--dashboard > .Menu-tabList li a.current {
+.Menu--dashboard > .Menu-tabList li li a.current {
   background: #defdbb;
 }