1
0
Fork 0
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:
silverwind 2022-06-15 06:28:24 +02:00 committed by GitHub
parent f6e2dbaf1e
commit b4d420d865
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 8 deletions

View file

@ -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);
}
* {

View file

@ -280,3 +280,8 @@ a.blob-excerpt:hover {
.viewed-file-checked-form {
background-color: var(--color-primary-light-4);
}
#viewed-files-summary {
width: 72px;
height: 10px;
}