From b4d420d8658feced78d897de4fbc9cc6ca76ab4e Mon Sep 17 00:00:00 2001 From: silverwind Date: Wed, 15 Jun 2022 06:28:24 +0200 Subject: Replace unstyled meter with progress (#19968) Replace the only `` element in use with a `` which is styled properly. Also slightly adjust colors on it for better contrast. Co-authored-by: Lunny Xiao --- web_src/less/_base.less | 8 ++++---- web_src/less/_review.less | 5 +++++ 2 files changed, 9 insertions(+), 4 deletions(-) (limited to 'web_src/less') diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 4d7f69e3b3..bd5754c1e3 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -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); } * { diff --git a/web_src/less/_review.less b/web_src/less/_review.less index 1bcb3663c2..2fa8efd67e 100644 --- a/web_src/less/_review.less +++ b/web_src/less/_review.less @@ -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; +} -- cgit v1.2.3