daniel-c-harvey
43 lines
1005 B
CSS
43 lines
1005 B
CSS
/* 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;
|
|
}
|