rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

Custom switch form control gutter fix (#27837)

Browse Source
This commit is contained in:
Gijs Boddeus 2018-12-14 15:22:19 +01:00 committed by XhmikosR
parent c618f67187
commit 26c5595164
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_custom-forms.scss
View File

@ -166,11 +166,11 @@
// Tweak a few things for switches // Tweak a few things for switches
.custom-switch { .custom-switch {
padding-left: $custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size); padding-left: $custom-switch-width + $custom-control-gutter;
.custom-control-label { .custom-control-label {
&::before { &::before {
left: -($custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size)); left: -($custom-switch-width + $custom-control-gutter);
width: $custom-switch-width; width: $custom-switch-width;
pointer-events: all; pointer-events: all;
border-radius: $custom-switch-indicator-border-radius; border-radius: $custom-switch-indicator-border-radius;
@ -178,7 +178,7 @@
&::after { &::after {
top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2}); top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});
left: calc(#{-($custom-switch-width + ($custom-control-gutter - $custom-control-indicator-size))} + #{$custom-control-indicator-border-width * 2}); left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
width: $custom-switch-indicator-size; width: $custom-switch-indicator-size;
height: $custom-switch-indicator-size; height: $custom-switch-indicator-size;
background-color: $custom-control-indicator-border-color; background-color: $custom-control-indicator-border-color;