feature: Track Meta Labels on Player
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
/* Single space-between row under the waveform: identity on the left, accents on the right.
|
||||
Colours come from the MudBlazor theme (the dock surface is theme-aware), so unlike the
|
||||
always-dark TrackCard glass we do not hard-code green-accent overrides here. */
|
||||
.track-meta-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
padding: 2px 4px 0;
|
||||
}
|
||||
|
||||
/* Left group shrinks and truncates so a long title never pushes the chip off-screen. */
|
||||
.track-meta-identity {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
::deep .track-meta-title {
|
||||
font-family: var(--deepdrft-font-mono);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
::deep .track-meta-artist {
|
||||
opacity: 0.75;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* Right group keeps its natural size and never shrinks. */
|
||||
.track-meta-accents {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
::deep .track-meta-year {
|
||||
opacity: 0.75;
|
||||
}
|
||||
Reference in New Issue
Block a user