LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

[mobile] show "time left/progress" on video player bar

Browse source 
## 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:
infiinte-persistence 2020-07-01 02:14:12 +08:00 committed by Sean Yesmunt
parent 84886e4b8a
commit 145acda9cc
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
ui/scss/component/_file-render.scss
View file

@ -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 {
.vjs-big-play-button {
background-color: var(--color-primary);