Browse Source

Improve dropdown spacing in v2.

Paulo Reis 8 years ago
parent
commit
baa57c56aa

+ 1 - 1
services/web/public/stylesheets/components/dropdowns.less

@@ -61,7 +61,7 @@
   // Links and other items within the dropdown menu
   > li > a,div {
     display: block;
-    padding: 3px 20px;
+    padding: @dropdown-item-padding;
     clear: both;
     font-weight: normal;
     line-height: @line-height-base;

+ 4 - 0
services/web/public/stylesheets/core/_common-variables.less

@@ -824,6 +824,10 @@
 @navbar-subdued-hover-bg    : @gray-lightest;
 @navbar-subdued-hover-color : @gray-dark;
 
+@dropdown-divider-margin    :((@line-height-computed / 2) - 1) 0;
+@dropdown-item-padding      : 3px 20px;
+
+
 // Button colors and sizing
 @btn-border-radius-large : @border-radius-large;
 @btn-border-radius-base  : @border-radius-base;

+ 1 - 1
services/web/public/stylesheets/core/mixins.less

@@ -395,7 +395,7 @@
 // Dividers (basically an hr) within dropdowns and nav lists
 .nav-divider(@color: #e5e5e5) {
   height: 1px;
-  margin: ((@line-height-computed / 2) - 1) 0;
+  margin: @dropdown-divider-margin;
   overflow: hidden;
   background-color: @color;
 }

+ 3 - 0
services/web/public/stylesheets/core/ol-variables.less

@@ -113,6 +113,9 @@
 @navbar-subdued-hover-bg          : #FFF;
 @navbar-subdued-hover-color       : @ol-green;
 
+@dropdown-divider-margin          : 6px;
+@dropdown-item-padding            : 4px 20px;
+
 // Forms
 @input-color                      : @ol-blue-gray-3;
 @input-border-radius              : unit(@line-height-base, em);