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

fix progress bar hover (#1726)

Browse source
This commit is contained in:
mayeaux 2022-06-21 17:22:20 +02:00 committed by GitHub
parent ee3236fe1e
commit 061f4ab08f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/scss/component/_videojs.scss
View file

@ -64,7 +64,7 @@ $control-bar-popup-font-size: 0.8rem;
} }
.vjs-vtt-thumbnail-display { .vjs-vtt-thumbnail-display {
margin-top: -37px; margin-top: -16px;
border: 1px solid white; border: 1px solid white;
background-color: black !important; background-color: black !important;
visibility: hidden; visibility: hidden;
@ -88,7 +88,7 @@ $control-bar-popup-font-size: 0.8rem;
} }
.vjs-progress-holder { .vjs-progress-holder {
margin-top: -0.1em !important; margin-top: -0.1em !important;
height: 0.4em !important; height: 0.35em !important;
} }
} }
@ -500,3 +500,8 @@ button.vjs-big-play-button {
display: flex !important; display: flex !important;
visibility: visible !important; visibility: visible !important;
} }
// add padding to the progress bar to make hover easier
.vjs-progress-control.vjs-control {
padding-top: 21px;
}