Make minimal button group divider modifier-independent (#911)

palantir · Apr 3, 2017 · db4e9c6 · db4e9c6 · blueprint-bot · Apr 3, 2017
1 parent 8ddb5f4
commit db4e9c6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/core/src/components/button/_button-group.scss b/packages/core/src/components/button/_button-group.scss
@@ -148,7 +148,8 @@ Styleguide components.button-group.css
         @include pt-button-minimal-divider();
         display: inline-block;
         position: absolute;
-        top: 0;
+        top: 10%;
+        bottom: 10%;
         left: 100%;
         content: "";
       }
@@ -268,6 +269,7 @@ Styleguide components.button-group.css
       &::after {
         top: 100%;
         right: 0;
+        bottom: auto;
         left: 0;
         width: auto;
         height: $minimal-button-divider-width;

diff --git a/packages/core/src/components/button/_common.scss b/packages/core/src/components/button/_common.scss
@@ -428,7 +428,6 @@ $button-intents: (
   margin: ($pt-button-height - $divider-height) / 2;
   background: $pt-divider-black;
   width: $minimal-button-divider-width;
-  height: $divider-height;
 
   .pt-dark & {
     background: $pt-dark-divider-white;