From acd76e060157df315111ec0815c35dc6cf7ece5f Mon Sep 17 00:00:00 2001 From: daniel-c-harvey Date: Fri, 5 Jun 2026 17:00:36 -0400 Subject: [PATCH] docs: mark track-view CSS consolidation completed --- COMPLETED.md | 31 ++++++++++++++++++- product-notes/track-view-css-consolidation.md | 2 +- 2 files changed, 31 insertions(+), 2 deletions(-) diff --git a/COMPLETED.md b/COMPLETED.md index 7c35d21..620546c 100644 --- a/COMPLETED.md +++ b/COMPLETED.md @@ -97,7 +97,36 @@ Implemented Phase 3 of the WaveformSeeker feature: architectural layout move sep ## Phase 2 — Product surface: player and theming -**Status:** Track card glass theming landed on 2026-06-05. AudioPlayerBar responsive unification and SpectrumVisualizer fix landed on 2026-06-05. +**Status:** Track card glass theming landed on 2026-06-05. AudioPlayerBar responsive unification and SpectrumVisualizer fix landed on 2026-06-05. Track view CSS consolidation landed on 2026-06-05. + +### Track View CSS Consolidation + +**Landed 2026-06-05.** + +Implemented CSS consolidation and hierarchy fixes across three components: removed dead layout rules, unified horizontal inset ownership, and resolved the three-green collision in dark mode by demoting artist text and changing the genre chip variant. + +**Component changes:** +- `DeepDrftPublic.Client/Pages/TracksView.razor` — removed dead `tracks-page-wrapper` class and associated inert flex/height/padding rules; `MudContainer` now owns horizontal inset via `MaxWidth.Large`. +- `DeepDrftShared.Client/Components/TracksGallery.razor.css` — reduced to `box-sizing: border-box`; removed redundant padding and inert height constraint. +- `DeepDrftShared.Client/Components/TrackCard.razor` — changed genre chip from `Variant.Filled` to `Variant.Outlined` to distinguish it from the play FAB. + +**CSS changes (`DeepDrftPublic/wwwroot/styles/deepdrft-styles.css` §8):** +- Text color rules restructured: base `color: inherit`, both dark and light treatments guarded under `.deepdrft-theme-dark` / `.deepdrft-theme-light` ancestors at `0,2,0` specificity. +- Artist text demoted from `green-accent` to `rgba(250,250,248,0.65)` in dark mode (leaving green as a purely accent/interactive signal — FAB and chip border). +- Meta text (album/year) at `rgba(250,250,248,0.45)` in dark mode. +- Genre chip treatment now supports outlined styling (borders + text only, no filled ground). + +**Scope:** +- CSS in `deepdrft-styles.css` and scoped stylesheets for `TracksView.razor` and `TracksGallery.razor`. +- Both `DeepDrftPublic.Client` and `DeepDrftShared.Client` components affected. +- Build clean: 0 errors, 0 new warnings. + +**Architecture notes:** +- Resolved the three-green visual hierarchy collapse (artist + genre chip + play FAB all rendered the same saturated green). Now: title off-white, artist muted, genre = outlined green tag, FAB = solid green action — a clear three-tier hierarchy matching `NowPlayingCard` vocabulary. +- Consolidated horizontal inset ownership to `MudContainer` (removes duplicate paddings that stacked across three layers). +- Removed inert flex-grow and height rules that encoded a sticky-footer intent that was not actually achieved; page layout via normal block flow is cleaner. + +**Status:** ### Track Card Glass Theming diff --git a/product-notes/track-view-css-consolidation.md b/product-notes/track-view-css-consolidation.md index 77db144..21f1696 100644 --- a/product-notes/track-view-css-consolidation.md +++ b/product-notes/track-view-css-consolidation.md @@ -1,6 +1,6 @@ # Track View CSS Consolidation — audit + consolidated architecture spec -Status: proposed. Author: product-designer. Date: 2026-06-05. Implementer: maintenance-engineer. +Status: completed. Author: product-designer. Date: 2026-06-05. Implementer: maintenance-engineer. Landed: 2026-06-05. Predecessors (both landed 2026-06-05): - [`track-card-theming.md`](track-card-theming.md) — landed the navy-glass fallback + moss-green