bvandeusen/FabledCurator
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 35 Wiki Activity

Merge pull request 'ux(failing-sources): visible row separators + clearer hover' (#45) from dev into main
Build images / sign-extension (push) Successful in 3s
Details
CI / lint (push) Successful in 3s
Details
Build images / build-ml (push) Successful in 10s
Details
Build images / build-web (push) Successful in 10s
Details
CI / backend-lint-and-test (push) Successful in 20s
Details
CI / frontend-build (push) Successful in 33s
Details
CI / intimp (push) Successful in 3m44s
Details
CI / intapi (push) Successful in 7m48s
Details
CI / intcore (push) Successful in 8m16s
Details

Browse Source
This commit was merged in pull request #45.
This commit is contained in:
bvandeusen
2026-06-01 21:09:28 -04:00
parent c82fb308b6 f575cfb93b
commit fdd3e01f56
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/subscriptions/FailingSourcesCard.vue
+14 -10
View File
@@ -90,24 +90,28 @@ async function onViewLogs(s) {
.fc-fail__title { font-weight: 600; } .fc-fail__title { font-weight: 600; }
.fc-fail__body { .fc-fail__body {
padding: 0 14px 10px; padding: 0 14px 10px;
display: flex; flex-direction: column; gap: 3px; display: flex; flex-direction: column;
/* Borders, not gap, so the row separators are visible inside the
* tonal error card (where surface tints get washed out and gap is
* just empty space). */
} }
.fc-fail__row { .fc-fail__row {
display: flex; align-items: center; gap: 10px; display: flex; align-items: center; gap: 10px;
padding: 6px 8px; padding: 8px 10px;
border-radius: 4px; border-radius: 4px;
background: rgb(var(--v-theme-surface) / 0.4); /* Hover-darken gives the eye a horizontal track from the artist
/* Zebra striping + hover highlight: gives the eye a horizontal track * name on the left to the Logs/Retry buttons on the right.
* from the artist name on the left to the Logs/Retry buttons on the * Bottom border replaces the previous-too-subtle zebra striping —
* right. Operator-flagged 2026-06-01 — without these, all rows blur * inside the tonal error card, surface-tint contrast was negligible.
* together and it's hard to pick which row a button belongs to. */ * Operator-flagged 2026-06-01 (twice). */
border-bottom: 1px solid rgb(255 255 255 / 0.08);
transition: background 80ms ease; transition: background 80ms ease;
} }
.fc-fail__row:nth-child(even) { .fc-fail__row:last-child {
background: rgb(var(--v-theme-surface) / 0.55); border-bottom: none;
} }
.fc-fail__row:hover { .fc-fail__row:hover {
background: rgb(var(--v-theme-error) / 0.18); background: rgb(0 0 0 / 0.25);
} }
.fc-fail__artist { font-weight: 600; white-space: nowrap; } .fc-fail__artist { font-weight: 600; white-space: nowrap; }
.fc-fail__count { flex: 0 0 auto; } .fc-fail__count { flex: 0 0 auto; }