Explore card rows: match the kanban card's hover style
.card-row now highlights its border-color on hover, same as .kanban-card, instead of tinting .card-row__link's background -- a card should look the same hovered whichever view shows it. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
+6
-4
@@ -548,6 +548,12 @@ h1 {
|
|||||||
background: var(--surface);
|
background: var(--surface);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Same hover treatment as .kanban-card -- just the border, no background
|
||||||
|
tint -- since a card looks the same card whichever view it's shown in. */
|
||||||
|
.card-row:hover {
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
/* Wraps the text + status badge -- the whole row is a link to the card's own
|
/* Wraps the text + status badge -- the whole row is a link to the card's own
|
||||||
view, except the delete button (a sibling, so it isn't nested inside it). */
|
view, except the delete button (a sibling, so it isn't nested inside it). */
|
||||||
.card-row__link {
|
.card-row__link {
|
||||||
@@ -562,10 +568,6 @@ h1 {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-row__link:hover {
|
|
||||||
background: var(--bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-row__text {
|
.card-row__text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user