mirrors/wagtail
mirrors/wagtail
0
0
Fork 0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 09:33:54 +01:00
Code Issues Releases Wiki Activity

Fix disabled style on StreamField add button

Browse Source 
Fixes #9512

An `opacity: 0.2` style is defined for the disabled button state, but the `opacity: 1` hover style takes precedence over it. As a result, the only time it kicks in - on media with hover support - is when the StreamField does NOT have hover / focus, which would ordinarily be the time when the button is hidden entirely.

Fix this by adding hover states to the `&[disabled]` case, to match the order of precedence for the normal button state.
This commit is contained in:
Matt Westcott 2022-11-01 17:15:48 +00:00
parent 0ebdd51882
commit 5703bc1133
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/StreamField/scss/components/c-sf-add-button.scss
View File

@ -51,5 +51,13 @@
@media (forced-colors: active) {
color: GrayText;
}
@media (hover: hover) {
opacity: 0;
.w-panel--nested:is(:hover, :focus-within) & {
opacity: 0.2;
}
}
}
}