RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 10:27:35 +00:00
Code Issues Activity Actions

LibWeb: Remove progress element custom paintable use shadow dom instead

Browse source
This commit is contained in:
Bastiaan van der Plaat 2023-12-05 21:18:15 +01:00 • committed by Andreas Kling
parent ca94df3c88
commit 4966c083df
11 changed files with 93 additions and 212 deletions
Download patch file Download diff file Expand all files Collapse all files

39
Userland/Libraries/LibWeb/CSS/Default.css
View file

@ -90,6 +90,24 @@ meter::-webkit-meter-even-less-good-value {
background-color: hsl(348, 100%, 61%);
}
/* Custom <progress> styles */
progress {
display: inline-block;
width: 300px;
height: 12px;
}
progress::-webkit-progress-bar, progress::-webkit-progress-value {
display: block;
height: 100%;
}
progress::-webkit-progress-bar {
background-color: hsl(0, 0%, 96%);
border: 1px solid rgba(0, 0, 0, 0.5);
}
progress::-webkit-progress-value {
background-color: hsl(204, 86%, 53%);
}
/* 15.3.1 Hidden elements
* https://html.spec.whatwg.org/multipage/rendering.html#hidden-elements
*/
@ -796,24 +814,3 @@ progress {
filter: invert(100%);
}
}
/* This is the same as default intrinsic size of a <progress> element */
progress {
width: 300px;
height: 12px;
}
/* The default progress-value/bar CSS below is the same as Blink/WebKit.
* Note: Setting any more than the backgrond-color may have unintended consequences, as sites don't expect to unset more than that.
*/
progress::-webkit-progress-bar {
width: inherit;
height: inherit;
background-color: hsl(0, 0%, 96%);
}
progress::-webkit-progress-value {
height: inherit;
background-color: hsl(204, 86%, 53%);
}