From 948a9ee5e83586354461e2a0e5cdf00e0513e89d Mon Sep 17 00:00:00 2001 From: silverwind Date: Fri, 21 Apr 2023 03:53:17 +0200 Subject: [PATCH] Fix label color, fix divider in dropdown (#24215) Two small CSS fixes: 1. Fix basic primary label hover 2. Fix border color of divider in dropdown and remove margin so it looks better with hover effect, as discussed in https://github.com/go-gitea/gitea/pull/24143: --- web_src/css/base.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/web_src/css/base.css b/web_src/css/base.css index 79e1566b6..2079c3749 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -2380,6 +2380,13 @@ a.ui.label:hover { color: var(--color-primary); } +.ui.basic.labels a.primary.label:hover, +a.ui.ui.ui.basic.primary.label:hover { + background: var(--color-hover); + border-color: var(--color-primary-dark-1); + color: var(--color-primary-dark-1); +} + .ui.basic.labels .secondary.label, .ui.ui.ui.basic.secondary.label { background: transparent; @@ -2629,6 +2636,11 @@ table th[data-sortt-desc] .svg { border-radius: 0 0 var(--border-radius) var(--border-radius); } +.ui.dropdown .menu > .divider { + border-top: 1px solid var(--color-secondary); + margin: 4px 0; +} + .ui.multiple.dropdown > .label { box-shadow: 0 0 0 1px var(--color-secondary) inset; }