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

Use pseudo-class too for disabled check/radio (#29740)

Browse Source
This commit is contained in:
jeromelebleu 2019-12-06 01:28:34 +01:00 committed by XhmikosR
parent 9894000b42
commit 2a6ba75388
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/forms/_form-check.scss
View File

@ -82,13 +82,16 @@
border-color: $form-check-input-indeterminate-border-color; border-color: $form-check-input-indeterminate-border-color;
} }
// Use disabled attribute instead of :disabled pseudo-class &:disabled {
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231
&[disabled] {
pointer-events: none; pointer-events: none;
filter: none; filter: none;
opacity: .5; opacity: .5;
}
// Use disabled attribute in addition of :disabled pseudo-class
// See: https://github.com/twbs/bootstrap/issues/28247
&[disabled],
&:disabled {
~ .form-check-label { ~ .form-check-label {
opacity: .5; opacity: .5;
} }

7
scss/forms/_form-file.scss
View File

@ -26,9 +26,10 @@
box-shadow: $form-file-focus-box-shadow; box-shadow: $form-file-focus-box-shadow;
} }
// Use disabled attribute instead of :disabled pseudo-class // Use disabled attribute in addition of :disabled pseudo-class
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 // See: https://github.com/twbs/bootstrap/issues/28247
&[disabled] ~ .form-file-label .form-file-text { &[disabled] ~ .form-file-label .form-file-text,
&:disabled ~ .form-file-label .form-file-text {
background-color: $form-file-disabled-bg; background-color: $form-file-disabled-bg;
border-color: $form-file-disabled-border-color; border-color: $form-file-disabled-border-color;
} }