roojs-ui.js

[roojs1] / less / roojs-bootstrap / dropdown.less

diff --git a/less/roojs-bootstrap/dropdown.less b/less/roojs-bootstrap/dropdown.less
index 15227c3..c1182a3 100644 (file)
--- a/less/roojs-bootstrap/dropdown.less
+++ b/less/roojs-bootstrap/dropdown.less
@@ -1,15 +1,15 @@
 .dropdown-submenu:hover > a,
 .dropdown-submenu:focus > a {
-  color: @white;
+  color: @body-bg;
   text-decoration: none;
   background-color: @brand-primary;
-  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
-  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
-  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
-  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+  background-image: -moz-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@brand-primary), to(darken(@brand-primary, 3%)));
+  background-image: -webkit-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
+  background-image: -o-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
+  background-image: linear-gradient(to bottom, @brand-primary, darken(@brand-primary, 3%));
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
 }
 
 .dropdown-submenu {
@@ -52,14 +52,14 @@
   margin-top: 5px;
   margin-right: -10px;
   border-color: transparent;
-  border-left-color: #cccccc;
+  border-left-color: @gray-light;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   content: " ";
 }
 
 .dropdown-submenu:hover > a:after {
-  border-left-color: #ffffff;
+  border-left-color: @body-bg;
 }
 
 .dropdown-submenu.pull-left {
@@ -88,4 +88,12 @@ li.dropdown-toggle span + i.glyphicon {
 
 li.dropdown-menu-item i.fa + span {
     margin-left: 5px;
+}
+
+li.dropdown-toggle button > i.glyphicon {
+    margin: 3px 0 0 5px;
+}
+
+.dropdown-menu.nowrap li a span {
+    white-space: nowrap;
 }
\ No newline at end of file