errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix GroupBox border for Firefox

Browse source 
Firefox's new WebRender engine seems to have a bug with fieldsets styled
with inset box-shadows
(https://bugzilla.mozilla.org/show_bug.cgi?id=1496538).

As a workaround, use a tiny .SVG as a sliced border-image to draw the border.

Fixes #42.
This commit is contained in:
Dale Whinham 2021-08-06 14:41:38 +01:00
parent d3d4ac245b
commit 3d378f9e99
2 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
style.css
View file

@ -278,9 +278,7 @@ button:disabled,
}
fieldset {
border: none;
box-shadow: inset -1px -1px var(--button-highlight), inset -2px 1px var(--button-shadow),
inset 1px -2px var(--button-shadow), inset 2px 2px var(--button-highlight);
border-image: svg-load("./icon/groupbox-border.svg") 2;
padding: calc(2 * var(--border-width) + var(--element-spacing));
padding-block-start: var(--element-spacing);
margin: 0;