diff options
| author | silverwind <me@silverwind.io> | 2023-03-29 04:58:31 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-28 22:58:31 -0400 |
| commit | 79e7a6ec1e14c820c8475173a37aee84f2f4f1e8 (patch) | |
| tree | f45e18405f0df1a5c28b5e27368f4914bedf964d | |
| parent | 92c160d8e716cb3d05215a97cf521e843596f562 (diff) | |
| download | gitea-79e7a6ec1e14c820c8475173a37aee84f2f4f1e8.tar.gz gitea-79e7a6ec1e14c820c8475173a37aee84f2f4f1e8.zip | |
Add CSS rules for basic colored labels (#23774)
Before:
<img width="164" alt="Screenshot 2023-03-28 at 23 35 46"
src="https://user-images.githubusercontent.com/115237/228372437-663111b9-7285-4fa2-9125-fb5e1cad21d7.png">
After:
<img width="166" alt="Screenshot 2023-03-28 at 23 35 54"
src="https://user-images.githubusercontent.com/115237/228372441-49430517-6b2d-4389-b11c-c30a724f6de7.png">
Also I removed the `!important` on the primary label as it's very likely
unnecessary with the amount of specificity the selector already has.
| -rw-r--r-- | web_src/css/base.css | 104 |
1 files changed, 101 insertions, 3 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css index d9d93da0c3..3e25a47a01 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -2399,9 +2399,107 @@ a.ui.label:hover { .ui.basic.labels .primary.label, .ui.ui.ui.basic.primary.label { - background: transparent !important; - border-color: var(--color-primary) !important; - color: var(--color-primary) !important; + background: transparent; + border-color: var(--color-primary); + color: var(--color-primary); +} + +.ui.basic.labels .secondary.label, +.ui.ui.ui.basic.secondary.label { + background: transparent; + border-color: var(--color-secondary); + color: var(--color-secondary); +} + +.ui.basic.labels .orange.label, +.ui.ui.ui.basic.orange.label { + background: transparent; + border-color: var(--color-orange); + color: var(--color-orange); +} + +.ui.basic.labels .green.label, +.ui.ui.ui.basic.green.label { + background: transparent; + border-color: var(--color-green); + color: var(--color-green); +} + +.ui.basic.labels .olive.label, +.ui.ui.ui.basic.olive.label { + background: transparent; + border-color: var(--color-olive); + color: var(--color-olive); +} + +.ui.basic.labels .teal.label, +.ui.ui.ui.basic.teal.label { + background: transparent; + border-color: var(--color-teal); + color: var(--color-teal); +} + +.ui.basic.labels .blue.label, +.ui.ui.ui.basic.blue.label { + background: transparent; + border-color: var(--color-blue); + color: var(--color-blue); +} + +.ui.basic.labels .violet.label, +.ui.ui.ui.basic.violet.label { + background: transparent; + border-color: var(--color-violet); + color: var(--color-violet); +} + +.ui.basic.labels .purple.label, +.ui.ui.ui.basic.purple.label { + background: transparent; + border-color: var(--color-purple); + color: var(--color-purple); +} + +.ui.basic.labels .pink.label, +.ui.ui.ui.basic.pink.label { + background: transparent; + border-color: var(--color-pink); + color: var(--color-pink); +} + +.ui.basic.labels .red.label, +.ui.ui.ui.basic.red.label { + background: transparent; + border-color: var(--color-red); + color: var(--color-red); +} + +.ui.basic.labels .brown.label, +.ui.ui.ui.basic.brown.label { + background: transparent; + border-color: var(--color-brown); + color: var(--color-brown); +} + +.ui.basic.labels .yellow.label, +.ui.ui.ui.basic.yellow.label { + background: transparent; + border-color: var(--color-yellow); + color: var(--color-yellow); +} + +.ui.basic.labels .grey.label, +.ui.ui.ui.basic.grey.label { + background: transparent; + border-color: var(--color-grey); + color: var(--color-grey); +} + +.ui.basic.labels .black.label, +.ui.ui.ui.basic.black.label { + background: transparent; + border-color: var(--color-black); + color: var(--color-black); } .ui.basic.labels .label, |