[mobile] show "time left/progress" on video player bar
## Fixes: 4220 ## Changes: For `vjs-layout-small`, there is still space to display the said controls. This layout covers devices like Galaxy S5 up to Nexus 6P. For layouts smaller that that (e.g. 'vjs-layout-xsmall'), they will remain hidden.
This commit is contained in:
parent
84886e4b8a
commit
145acda9cc
1 changed files with 18 additions and 0 deletions
|
@ -339,6 +339,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.video-js:not(.vjs-fullscreen).vjs-layout-small {
|
||||||
|
.vjs-current-time {
|
||||||
|
display: flex;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vjs-time-divider {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vjs-duration {
|
||||||
|
display: flex;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.video-js:hover {
|
.video-js:hover {
|
||||||
.vjs-big-play-button {
|
.vjs-big-play-button {
|
||||||
background-color: var(--color-primary);
|
background-color: var(--color-primary);
|
||||||
|
|
Loading…
Add table
Reference in a new issue