Fix span inside handle not being full height, causing clicks near the edges to fail

Julusian · Julusian · commit bbd9754b0ceb · 2016-01-26T21:59:42.000Z
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 {
