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

V4: Add :disabled for disabled fieldset (#29762)

Browse Source
This commit is contained in:
Shohei Yoshida 2019-11-28 21:35:46 +09:00 committed by XhmikosR
parent c24aaa6cbf
commit 0d148d8854
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_custom-forms.scss
View File

@ -54,9 +54,9 @@
@include box-shadow($custom-control-indicator-active-box-shadow); @include box-shadow($custom-control-indicator-active-box-shadow);
} }
// Use disabled attribute instead of :disabled pseudo-class // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 &[disabled],
&[disabled] { &:disabled {
~ .custom-control-label { ~ .custom-control-label {
color: $custom-control-label-disabled-color; color: $custom-control-label-disabled-color;
@ -319,9 +319,9 @@
box-shadow: $custom-file-focus-box-shadow; box-shadow: $custom-file-focus-box-shadow;
} }
// Use disabled attribute instead of :disabled pseudo-class // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 &[disabled] ~ .custom-file-label,
&[disabled] ~ .custom-file-label { &:disabled ~ .custom-file-label {
background-color: $custom-file-disabled-bg; background-color: $custom-file-disabled-bg;
} }

6
scss/_forms.scss
View File

@ -216,9 +216,9 @@ textarea.form-control {
margin-top: $form-check-input-margin-y; margin-top: $form-check-input-margin-y;
margin-left: -$form-check-input-gutter; margin-left: -$form-check-input-gutter;
// Use disabled attribute instead of :disabled pseudo-class // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247
// Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 &[disabled] ~ .form-check-label,
&[disabled] ~ .form-check-label { &:disabled ~ .form-check-label {
color: $text-muted; color: $text-muted;
} }
} }