web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-01-23 11:04:59 +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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -39,11 +39,14 @@
// 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,
width: auto; &.vjs-slider-active,
width: initial; &.vjs-hover {
width: auto;
width: initial;
}
} }
} }