Fix UiSwitch thumb overlapping an open modal (#514)

JosephusPaye · Dec 31, 2021 · 603a3ca · 603a3ca
1 parent 6688d3f
commit 603a3ca
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/UiSwitch.vue b/src/UiSwitch.vue
@@ -17,11 +17,11 @@
                 @focus="onFocus"
             >
 
+            <div class="ui-switch__track"></div>
+
             <div class="ui-switch__thumb">
                 <div class="ui-switch__focus-ring"></div>
             </div>
-
-            <div class="ui-switch__track"></div>
         </div>
 
         <div class="ui-switch__label-text" v-if="label || $slots.default">
@@ -213,7 +213,6 @@ $ui-switch-focus-ring-size  : $ui-switch-thumb-size * 2.1 !default;
     transition-property: background-color, transform;
     transition-timing-function: ease;
     width: $ui-switch-thumb-size;
-    z-index: 1;
 }
 
 .ui-switch__focus-ring {