fix(button-icon): add selected styling to border inverse variant (#3115)

salesforce-ux · Mar 8, 2018 · 2624d4f · 2624d4f
1 parent f977204
commit 2624d4f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/ui/components/button-icons/index.jsx b/ui/components/button-icons/index.jsx
@@ -40,8 +40,9 @@ class ButtonIcon extends Component {
     } else if (theme === 'inverse') {
       variant = 'slds-button_icon-inverse';
 
-      if (size) {
+      if (size === 'medium') {
         variant = 'slds-button_icon-border-inverse';
+        size = null;
       }
       /**
      * Brand

diff --git a/ui/components/button-icons/stateful/_index.scss b/ui/components/button-icons/stateful/_index.scss
@@ -25,7 +25,8 @@
 .slds-button--icon-container.slds-is-selected,
 .slds-button_icon-border.slds-is-selected,
 .slds-button--icon-border.slds-is-selected,
-.slds-button_icon-border-filled.slds-is-selected {
+.slds-button_icon-border-filled.slds-is-selected,
+.slds-button_icon-border-inverse.slds-is-selected {
   @include button-brand;
 
   .slds-button__icon {