workaround for IE that check indicator does not appear (#25944)

twbs · Apr 24, 2018 · 3d0d5f1 · 3d0d5f1
1 parent 0ee779b
commit 3d0d5f1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
@@ -57,13 +57,14 @@
 // Build the custom controls out of pseudo-elements.
 
 .custom-control-label {
+  position: relative;
   margin-bottom: 0;
 
   // Background-color and (when enabled) gradient
   &::before {
     position: absolute;
     top: (($line-height-base - $custom-control-indicator-size) / 2);
-    left: 0;
+    left: -$custom-control-gutter;
     display: block;
     width: $custom-control-indicator-size;
     height: $custom-control-indicator-size;
@@ -78,7 +79,7 @@
   &::after {
     position: absolute;
     top: (($line-height-base - $custom-control-indicator-size) / 2);
-    left: 0;
+    left: -$custom-control-gutter;
     display: block;
     width: $custom-control-indicator-size;
     height: $custom-control-indicator-size;