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

LibWeb: Add a default style for primitive progress bars

Browse source 
This style is the same as what is used in WebKit/Blink, it is a bit
ugly, but you're expected to override it. Adding more than a
background color here could cause some issues, as sites don't
expect to have to unset the styles.
This commit is contained in:
MacDue 2022-07-22 16:10:47 +01:00 • committed by Andreas Kling
parent 57c6792458
commit 980964d8f3
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -315,3 +315,24 @@ iframe { border: 2px inset; }
filter: invert(100%); 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: #808080;
}
progress::-webkit-progress-value {
height: inherit;
background: #008000;
}