web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-07-17 01:42:41 +02:00
Code Releases Activity

fix: volume button empty space (#7466)

Browse Source 
When responsive mode is used and the player layout is small or smaller, an empty space appears to the right of the mute button on hover.

Fixes #7465
This commit is contained in:
André
2021-11-10 20:04:08 +01:00
committed by GitHub
parent fdb87d8b72
commit 78cf834e6f
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/components/_adaptive.scss
View File

@ -39,13 +39,16 @@
// Reset the size of the volume panel to the default so we don't see a big // Reset the size of the volume panel to the default so we don't see a big
// empty space to the right of the mute button. // empty space to the right of the mute button.
.vjs-volume-panel.vjs-volume-panel-horizontal:hover, .vjs-volume-panel.vjs-volume-panel-horizontal {
.vjs-volume-panel.vjs-volume-panel-horizontal:active, &:hover,
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { &:active,
&.vjs-slider-active,
&.vjs-hover {
width: auto; width: auto;
width: initial; width: initial;
} }
} }
}
// Hide the subs-caps button for non-Live UI "x-small" and for "tiny" players. // 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-liveui),