fix(Button): patch incomplete connect friendly button borders

Tripwire · Jul 28, 2017 · 5b36abc · 5b36abc
1 parent e1f27b5
commit 5b36abc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/semantic/src/themes/tripwire/elements/button.overrides b/semantic/src/themes/tripwire/elements/button.overrides
@@ -11,7 +11,10 @@
 }
 
 .ui.button.primary {
-  border: none;
+  border: 2px solid @primaryColor;
+}
+.ui.button.primary:hover {
+  border-color: @primaryColorHover;
 }
 
 .ui.button:active,

diff --git a/src/components/suir/button/Button.examples.md b/src/components/suir/button/Button.examples.md
@@ -6,10 +6,15 @@
 ## Positive Button
 
     const Button = require('semantic-ui-react').Button;
-    <Button positive className=''>
-      <i className='icon_check' style={{marginRight: '10px'}} />
+    <div>
+      <Button positive className=''>
         Positive
       </Button>
+      <Button positive className=''>
+        <i className='icon_check' style={{marginRight: '10px'}} />
+        Positive with Icon
+      </Button>
+    </div>
 
 ## Negative Button