From: Shohei Yoshida Date: Mon, 17 Jun 2019 16:08:06 +0000 (+0900) Subject: Fix position of browser default validation message (#28852) X-Git-Tag: v4.4.0~139 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b165aff2f779c831efd8b3484e3ea7bc1c8f8eb4;p=thirdparty%2Fbootstrap.git Fix position of browser default validation message (#28852) --- diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 86edabaa16..1f1b5da4e3 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -21,7 +21,10 @@ .custom-control-input { position: absolute; + left: 0; z-index: -1; // Put the input behind the label so it doesn't overlay text + width: $custom-control-indicator-size; + height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2; opacity: 0; &:checked ~ .custom-control-label::before {