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:
Astound 2024-01-29 06:06:18 +08:00
parent c04d7c9a24
commit 1505414a1a
Signed by: kaiser
GPG Key ID: 97504AF0027B1A56

View File

@ -29,3 +29,11 @@ e.g. Firefox playback speed options */
.plyr__preview-thumb { .plyr__preview-thumb {
bottom: 100%; 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;
}