WebUI: add percentage sign for hsl components

This is a workaround to avoid confusing the stylelint checker (and probably some other checker
internally). They cannot accept the fact that the component can be `<number>` but instead
insist it should be `<percentage>`
Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl#formal_syntax

Also, MDN recommended to use `hsl()` instead of `hsla()`.
From https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl :
> Note: The hsla() functional notation is an alias for hsl(). They are
> exactly equivalent. It is recommended to use hsl().

PR #22154.
This commit is contained in:
Chocobo1 2025-01-13 17:13:20 +08:00 committed by GitHub
parent 99adb16090
commit 2cc7ec90a8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -205,7 +205,7 @@ div.mochaToolbarWrapper.bottom {
---------------------------------------------------------------- */ ---------------------------------------------------------------- */
#modalOverlay { #modalOverlay {
background: hsla(0deg 0 0 / 30%); background: hsl(0deg 0% 0% / 30%);
display: none; display: none;
left: 0; left: 0;
opacity: 0; opacity: 0;