Skip to content

Commit 948a9ee

Browse files
authored
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 #24143:
1 parent 7b34cba commit 948a9ee

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

web_src/css/base.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2380,6 +2380,13 @@ a.ui.label:hover {
23802380
color: var(--color-primary);
23812381
}
23822382

2383+
.ui.basic.labels a.primary.label:hover,
2384+
a.ui.ui.ui.basic.primary.label:hover {
2385+
background: var(--color-hover);
2386+
border-color: var(--color-primary-dark-1);
2387+
color: var(--color-primary-dark-1);
2388+
}
2389+
23832390
.ui.basic.labels .secondary.label,
23842391
.ui.ui.ui.basic.secondary.label {
23852392
background: transparent;
@@ -2629,6 +2636,11 @@ table th[data-sortt-desc] .svg {
26292636
border-radius: 0 0 var(--border-radius) var(--border-radius);
26302637
}
26312638

2639+
.ui.dropdown .menu > .divider {
2640+
border-top: 1px solid var(--color-secondary);
2641+
margin: 4px 0;
2642+
}
2643+
26322644
.ui.multiple.dropdown > .label {
26332645
box-shadow: 0 0 0 1px var(--color-secondary) inset;
26342646
}

0 commit comments

Comments
 (0)