fix(css): remove ::deep from PlayerTransportZone root-element selectors, replace dead controls-left rule

This commit is contained in:
daniel-c-harvey
2026-06-05 14:08:16 -04:00
parent 190d8d044f
commit cbc43300b2
@@ -1,13 +1,13 @@
/* Stable minimum width so the transport cluster doesn't reflow */ /* Stable minimum width so the transport cluster doesn't reflow */
::deep .controls-left { .transport-zone {
min-width: 200px; min-width: 180px;
} }
/* Narrow (< 600px): lay the transport root horizontally (controls beside /* Narrow (< 600px): lay the transport root horizontally (controls beside
timestamp) so it fits on one line next to VolumeControls. Scoped to the timestamp) so it fits on one line next to VolumeControls. Scoped to the
root .transport-zone stack so the nested controls stack is untouched. */ root .transport-zone stack so the nested controls stack is untouched. */
@media (max-width: 599.98px) { @media (max-width: 599.98px) {
::deep .transport-zone { .transport-zone {
flex-direction: row !important; flex-direction: row !important;
align-items: center; align-items: center;
} }