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:
parent
4cd3376624
commit
147ebde76b
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue