Astound
1505414a1a
Specifically, set a maximum height and added vertical scrolling to address an issue related to Plyr's menu height. Improve the overall usability and visual appearance of the menu in video player.
40 lines
730 B
CSS
40 lines
730 B
CSS
/* Prevent this div from blocking right-click menu for video
|
|
e.g. Firefox playback speed options */
|
|
.plyr__poster {
|
|
display: none;
|
|
}
|
|
|
|
/* plyr fix */
|
|
.plyr:-moz-full-screen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr:-webkit-full-screen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr:-ms-fullscreen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr:fullscreen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr__preview-thumb__image-container {
|
|
width: 158px;
|
|
height: 90px;
|
|
}
|
|
|
|
.plyr__preview-thumb {
|
|
bottom: 100%;
|
|
}
|
|
|
|
.plyr__menu__container [role="menu"],
|
|
.plyr__menu__container [role="menucaptions"] {
|
|
/* Set vertical scroll */
|
|
/* issue https://github.com/sampotts/plyr/issues/1420 */
|
|
max-height: 320px;
|
|
overflow-y: auto;
|
|
}
|