mirror of
https://github.com/videojs/video.js.git
synced 2024-12-12 11:15:04 +02:00
fix: hide the progress control and show the subs-caps button when using Live UI at extra small size (#5915)
This commit is contained in:
parent
c85bc00df2
commit
55b37524a3
@ -47,14 +47,21 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.vjs-layout-x-small,
|
// Hide the subs-caps button for non-Live UI "x-small" and for "tiny" players.
|
||||||
|
&.vjs-layout-x-small:not(.vjs-liveui),
|
||||||
|
&.vjs-layout-x-small:not(.vjs-live),
|
||||||
&.vjs-layout-tiny {
|
&.vjs-layout-tiny {
|
||||||
.vjs-subs-caps-button {
|
.vjs-subs-caps-button {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// With the new Live UI, we can have the same treatment as "tiny". At
|
||||||
|
// "x-small", the Live UI makes the progress control very small and almost
|
||||||
|
// useless.
|
||||||
|
&.vjs-layout-x-small.vjs-liveui,
|
||||||
&.vjs-layout-tiny {
|
&.vjs-layout-tiny {
|
||||||
|
|
||||||
.vjs-custom-control-spacer {
|
.vjs-custom-control-spacer {
|
||||||
@include flex(auto);
|
@include flex(auto);
|
||||||
display: block;
|
display: block;
|
||||||
|
Loading…
Reference in New Issue
Block a user