forked from forgejo/forgejo
Replace unstyled meter with progress (#19968)
Replace the only `<meter>` element in use with a `<progress>` which is styled properly. Also slightly adjust colors on it for better contrast. Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
This commit is contained in:
parent
f6e2dbaf1e
commit
b4d420d865
4 changed files with 13 additions and 8 deletions
|
@ -211,19 +211,19 @@ details summary > * {
|
|||
}
|
||||
|
||||
progress {
|
||||
background: var(--color-secondary);
|
||||
background: var(--color-secondary-dark-1);
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
progress::-webkit-progress-bar {
|
||||
background: var(--color-secondary);
|
||||
background: var(--color-secondary-dark-1);
|
||||
}
|
||||
progress::-webkit-progress-value {
|
||||
background-color: var(--color-secondary-dark-3);
|
||||
background-color: var(--color-secondary-dark-4);
|
||||
}
|
||||
progress::-moz-progress-bar {
|
||||
background: var(--color-secondary-dark-3);
|
||||
background: var(--color-secondary-dark-4);
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue