Update Plyr custom styles for menu container

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.
This commit is contained in:
2024-01-29 06:06:18 +08:00
parent c04d7c9a24
commit 1505414a1a

View File

@@ -29,3 +29,11 @@ e.g. Firefox playback speed options */
.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;
}