Fix span inside handle not being full height, causing clicks near the…

… edges to fail
Julusian · Jan 26, 2016 · bbd9754 · bbd9754
1 parent e63607d
commit bbd9754
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 2 deletions.
diff --git a/dist/css/bootstrap2/react-bootstrap-switch.css b/dist/css/bootstrap2/react-bootstrap-switch.css
@@ -368,6 +368,9 @@
 .bootstrap-switch .bootstrap-switch-label.active {
   background-color: #cccccc \9;
 }
+.bootstrap-switch .bootstrap-switch-label::before {
+  content: "\200b";
+}
 .bootstrap-switch .bootstrap-switch-handle-on {
   -webkit-border-top-left-radius: 4px;
   -moz-border-radius-topleft: 4px;

diff --git a/dist/css/bootstrap2/react-bootstrap-switch.min.css b/dist/css/bootstrap2/react-bootstrap-switch.min.css
diff --git a/dist/css/bootstrap3/react-bootstrap-switch.css b/dist/css/bootstrap3/react-bootstrap-switch.css
@@ -91,6 +91,9 @@
   color: #333;
   background: #fff;
 }
+.bootstrap-switch .bootstrap-switch-label::before {
+  content: "\200b";
+}
 .bootstrap-switch .bootstrap-switch-handle-on {
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;

diff --git a/dist/css/bootstrap3/react-bootstrap-switch.min.css b/dist/css/bootstrap3/react-bootstrap-switch.min.css
diff --git a/src/less/bootstrap2/react-bootstrap-switch.less b/src/less/bootstrap2/react-bootstrap-switch.less
@@ -75,6 +75,10 @@
     border-left: 1px solid @btnBorder;
     border-right: 1px solid @btnBorder;
     .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark);
+
+    &::before {
+      content: "\200b";
+    }
   }
 
   .@{bootstrap-switch-base}-handle-on {

diff --git a/src/less/bootstrap3/react-bootstrap-switch.less b/src/less/bootstrap3/react-bootstrap-switch.less
@@ -77,6 +77,10 @@
     z-index: 100;
     color: @btn-default-color;
     background: @btn-default-bg;
+
+    &::before {
+      content: "\200b";
+    }
   }
 
   .@{bootstrap-switch-base}-handle-on {