fix(component): buttons

change .open class to .show
Orange-OpenSource · Jan 13, 2017 · 3f3fe1e · 3f3fe1e
1 parent 8a3263d
commit 3f3fe1e
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/docs-orange/_includes/boostwatch/buttons.html b/docs-orange/_includes/boostwatch/buttons.html
@@ -121,7 +121,7 @@ <h3>Dropdowns</h3>
         </ul>
     </div>
 
-    <div class="btn-group">
+    <div class="btn-group mr-2">
         <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
             Info
             <span class="sr-only">menu info</span>
@@ -135,7 +135,7 @@ <h3>Dropdowns</h3>
         </ul>
     </div>
 
-    <div class="btn-group">
+    <div class="btn-group mr-2">
         <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
             Warning
             <span class="sr-only">menu warning</span>

diff --git a/scss/_button-group.scss b/scss/_button-group.scss
@@ -79,7 +79,7 @@
 
 // On active and open, don't show outline
 .btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
+.btn-group.show .dropdown-toggle {
   outline: 0;
 }
 
@@ -118,7 +118,7 @@
 
 // The clickable button for toggling the menu
 // Remove the gradient and set the same inset shadow as the :active state
-.btn-group.open .dropdown-toggle {
+.btn-group.show .dropdown-toggle {
   @include box-shadow($btn-active-box-shadow);
 
   // Show no shadow for `.btn-link` since it has no other button styles.

diff --git a/scss/_o-buttons.scss b/scss/_o-buttons.scss
@@ -27,7 +27,7 @@ fieldset[disabled] a.btn {
 
   &:active,
   &.active,
-  .open > &.dropdown-toggle {
+  .show > &.dropdown-toggle {
     color: #000;
     background-color: transparent;
     background-image: none;
@@ -75,7 +75,7 @@ fieldset[disabled] a.btn {
 
     &:active,
     &.active,
-    .open > &.dropdown-toggle {
+    .show > &.dropdown-toggle {
       color: #fff;
       background-color: transparent;
       border-color: #fff;
@@ -160,7 +160,7 @@ fieldset[disabled] a.btn {
 
   &:active,
   &.active,
-  .open > &.dropdown-toggle {
+  .show > &.dropdown-toggle {
     color: #000;
     background-color: transparent;
     background-image: none;
@@ -195,7 +195,7 @@ fieldset[disabled] a.btn {
 
     &:active,
     &.active,
-    .open > &.dropdown-toggle {
+    .show > &.dropdown-toggle {
       color: #fff;
       background-color: transparent;
       border-color: #fff;

diff --git a/scss/_orange-css.scss b/scss/_orange-css.scss
@@ -20,7 +20,7 @@
 
 .nav {
   // Open dropdowns
-  .open > a {
+  .show > a {
     &,
     &:hover,
     &:focus {

diff --git a/scss/mixins/_o-buttons.scss b/scss/mixins/_o-buttons.scss
@@ -19,7 +19,7 @@
 
   &:active,
   &.active,
-  .open > &.dropdown-toggle {
+  .show > &.dropdown-toggle {
     color: $active-color;
     background-color: $active-background;
     background-image: none;
@@ -71,7 +71,7 @@
 
   &:active,
   &.active,
-  .open > &.dropdown-toggle {
+  .show > &.dropdown-toggle {
     color: #fff;
     background-color: $brand-primary;
     background-image: none;
@@ -122,7 +122,7 @@
 
   &:active,
   &.active,
-  .open > &.dropdown-toggle {
+  .show > &.dropdown-toggle {
     color: #fff;
     background-color: $brand-primary;
     background-image: none;