Skip to content

Commit ecf9108

Browse files
committed
fix: remove border on colored category tags
Colored variants were inheriting the neutral border from the base rule, showing on hover when the fill shifted. Reserve border-width on the base and let each variant opt into its own border-color.
1 parent 338432c commit ecf9108

1 file changed

Lines changed: 8 additions & 4 deletions

File tree

static/css/v3/category-tags.css

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
cursor: pointer;
1212
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
1313
color: var(--color-text-secondary);
14-
border: 1px solid var(--color-tag-stroke);
14+
border: 1px solid transparent;
1515
}
1616

1717
.category-tag--default {
@@ -24,6 +24,7 @@
2424

2525
.category-tag--neutral {
2626
background: var(--color-tag-fill);
27+
border-color: var(--color-tag-stroke);
2728
}
2829

2930
.category-tag--neutral:hover,
@@ -32,9 +33,14 @@
3233
color: var(--color-text-secondary);
3334
}
3435

36+
.category-tag--green,
37+
.category-tag--yellow,
38+
.category-tag--teal {
39+
color: var(--color-text-primary);
40+
}
41+
3542
.category-tag--green {
3643
background: var(--color-surface-strong-accent-green-default);
37-
color: var(--color-text-primary);
3844
}
3945

4046
.category-tag--green:hover,
@@ -45,7 +51,6 @@
4551

4652
.category-tag--yellow {
4753
background: var(--color-surface-strong-accent-yellow-default);
48-
color: var(--color-text-primary);
4954
}
5055

5156
.category-tag--yellow:hover,
@@ -56,7 +61,6 @@
5661

5762
.category-tag--teal {
5863
background: var(--color-surface-strong-accent-teal-default);
59-
color: var(--color-text-primary);
6064
}
6165

6266
.category-tag--teal:hover,

0 commit comments

Comments
 (0)