Fix thumbnail being obstructed by time tooltip (#2078)

* Fix thumbnail being obstructed by time tooltip

* Update src/renderer/videoJS.css

Co-authored-by: PikachuEXE <pikachuexe@gmail.com>

Co-authored-by: PikachuEXE <pikachuexe@gmail.com>
This commit is contained in:
neko 2022-02-21 21:11:42 +07:00 committed by GitHub
parent 4cd3376624
commit 147ebde76b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions

View File

@ -1023,7 +1023,7 @@ body.vjs-full-window {
padding: 6px 8px 8px 8px; padding: 6px 8px 8px 8px;
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
top: -3.4em; top: -2.7em;
visibility: hidden; visibility: hidden;
z-index: 2; z-index: 2;
} }
@ -2136,7 +2136,8 @@ video::-webkit-media-text-track-display {
.video-js .vjs-vtt-thumbnail-display { .video-js .vjs-vtt-thumbnail-display {
position: absolute; position: absolute;
transition: transform .1s, opacity .2s; transition: transform .1s, opacity .2s;
bottom: 20px; /* `bottom` was 20px, to avoid obstruction by time tooltip updated to current value */
bottom: 56px;
pointer-events: none; pointer-events: none;
box-shadow: 0 0 7px rgba(0,0,0,.6); box-shadow: 0 0 7px rgba(0,0,0,.6);
z-index: 3; z-index: 3;