Skip to content

Commit

Permalink
feat(remaining-time-display): displays remaining time in x-small or tiny
Browse files Browse the repository at this point in the history
When the current time and media duration are displayed, it's easy for the user
to visualize the time remaining to play. However, when the player is displayed
in x-small or tiny, no time indication is shown.

- modify `_layout.scss` to display the remaining time when the player is
displayed in x-small or tiny.
  • Loading branch information
amtins committed Jan 31, 2025
1 parent 8d3c744 commit 7ccf660
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions scss/components/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,15 @@
font-weight: bold;
}

&:not(.vjs-live) {
&.vjs-layout-x-small .vjs-remaining-time,
&.vjs-layout-tiny .vjs-remaining-time {
display: block;
padding: 0;
font-weight: bold;
}
}

/*
******************************************************************************
-- Progress control
Expand Down

0 comments on commit 7ccf660

Please sign in to comment.