fix(dropdown): following alpha.6 update, fix dropdown item padding

Orange-OpenSource · Jan 9, 2017 · 7ef49b8 · 7ef49b8
1 parent 3729911
commit 7ef49b8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/scss/_custom.scss b/scss/_custom.scss
@@ -613,6 +613,7 @@ $dropdown-link-active-bg:        $black;
 $dropdown-link-disabled-color:   $gray;
 
 $dropdown-item-padding-x:        .625rem;
+$dropdown-item-padding-y:        .625rem;
 
 $dropdown-header-color:          #000;
 

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
@@ -66,7 +66,10 @@
 .dropdown-item {
   display: block;
   width: 100%; // For `<button>`s
-  padding: 3px $dropdown-item-padding-x;
+  // Boosted mod
+  // set padding top and bottom dynamic by adding a var in _custom.scss
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  // End mod
   clear: both;
   font-weight: $font-weight-normal;
   color: $dropdown-link-color;
@@ -130,7 +133,10 @@
 // Dropdown section headers
 .dropdown-header {
   display: block;
-  padding: $dropdown-padding-y $dropdown-item-padding-x;
+  // Boosted Mod
+  // replace $dropdown-item-y used by native bootstrap by $dropdown-item-padding-y to be consistent with dropdown-item padding
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  // end mod
   margin-bottom: 0; // for use with heading elements
   font-size: $font-size-sm;
   color: $dropdown-header-color;