fix(component): switches

added usage of o-switch on btn-group to keep native behaviour
Orange-OpenSource · Sep 29, 2016 · c8bd544 · c8bd544
1 parent 751c3ce
commit c8bd544
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs-orange/components/orange-switches.md b/docs-orange/components/orange-switches.md
@@ -65,7 +65,7 @@ Finally use .rounded class on `.toggle` element to get rounded switch alternate
 Wrap 3 radio type inputs into a `.btn-group element`. If using several btn-group toggles, make to have different `name` attribute for each group.
 
 {% example html %}
-<div class="btn-group" data-toggle="buttons" role="group">
+<div class="o-switch btn-group" data-toggle="buttons" role="group">
   <label class="btn btn-secondary active">
     <input type="radio" name="options" id="option1" autocomplete="off" checked> 1
   </label>
@@ -80,10 +80,10 @@ Wrap 3 radio type inputs into a `.btn-group element`. If using several btn-group
 
 ### without outline
 
-Alternatively, use .no-outline class on `.btn-group` element to get the clear version.
+Alternatively, use `.no-outline` class on `.btn-group` element to get the clear version.
 
 {% example html %}
-<div class="btn-group no-outline" data-toggle="buttons" role="group">
+<div class="o-switch btn-group no-outline" data-toggle="buttons" role="group">
   <label class="btn btn-secondary active">
     <input type="radio" name="options2" id="option21" autocomplete="off" checked> 1
   </label>

diff --git a/scss/_o-switches.scss b/scss/_o-switches.scss
@@ -108,7 +108,7 @@
 
 // 3 way toggles
 
-.btn-group[data-toggle=buttons] {
+.o-switch.btn-group[data-toggle=buttons] {
   border: 2px solid #000;
 
   .btn {