Skip to content

Commit 002aca6

Browse files
committed
Flex wrap controls on small width
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
1 parent 24ffc73 commit 002aca6

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

src/mixins/Plyr.scss

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,16 @@
99
// Audio specific
1010
--plyr-audio-controls-background: var(--color-main-background);
1111
--plyr-audio-control-color: var(--color-main-text);
12-
.plyr__volume {
13-
min-width: 120px;
12+
13+
// Reactive content
14+
.plyr__controls {
15+
flex-wrap: wrap;
16+
.plyr__volume,
17+
.plyr__progress__container {
18+
min-width: 120px;
19+
max-width: 100%;
20+
flex: 1 1;
21+
}
1422
}
1523

1624
// Override server font style

0 commit comments

Comments
 (0)