audio_player: Remove shadow-DOM CSS adjustments.

This commit is contained in:
Karl Stolley 2025-07-29 10:36:40 -05:00 committed by Tim Abbott
parent 5e9dec802e
commit 7e6773dc73

View File

@ -876,68 +876,6 @@
width: 18em;
height: 2em;
max-width: 100%;
&::-webkit-media-controls-panel {
display: flex !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 0.5em !important;
opacity: 1 !important;
}
&::-webkit-media-controls-play-button {
flex: 0 0 auto !important;
width: 1.75em !important;
min-width: 1.75em !important;
}
&::-webkit-media-controls-timeline-container,
&::-webkit-media-controls-timeline {
flex: 1 1 auto !important;
min-width: 4em !important;
max-width: 6em !important;
opacity: 1 !important;
margin: 0 0.5em !important;
}
&::-webkit-media-controls-current-time-display,
&::-webkit-media-controls-time-remaining-display {
flex: 0 0 auto !important;
min-width: 0 !important;
font-size: 1rem !important;
}
&::-webkit-media-controls-volume-control-container {
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 5em !important;
margin: 0 0.5em 0 0.25em !important;
display: flex !important;
flex-direction: row-reverse !important;
opacity: 1 !important;
visibility: visible !important;
}
&::-webkit-media-controls-volume-slider-container,
&::-webkit-media-controls-volume-slider {
display: block !important;
width: auto !important;
min-width: 1.5em !important;
max-width: 3em !important;
opacity: 1 !important;
visibility: visible !important;
}
&::-webkit-media-controls-mute-button {
flex: 0 0 auto !important;
width: 1.125em !important;
min-width: 1.125em !important;
margin-right: 0.25em !important;
}
}
}