diff options
| author | Astound <kirito@disroot.org> | 2024-01-29 06:06:18 +0800 |
|---|---|---|
| committer | Astound <kirito@disroot.org> | 2024-01-29 06:06:18 +0800 |
| commit | 1505414a1adafd211f29aa0c3c755428038120f3 (patch) | |
| tree | 5fea566815f64d1e351400c75254f38b60d2616a | |
| parent | c04d7c9a247e5ccc254a2c95ce2c79fc1567de4a (diff) | |
| download | yt-local-1505414a1adafd211f29aa0c3c755428038120f3.tar.lz yt-local-1505414a1adafd211f29aa0c3c755428038120f3.tar.xz yt-local-1505414a1adafd211f29aa0c3c755428038120f3.zip | |
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.
| -rw-r--r-- | youtube/static/modules/plyr/custom_plyr.css | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/youtube/static/modules/plyr/custom_plyr.css b/youtube/static/modules/plyr/custom_plyr.css index 9edaa15..0fd3c52 100644 --- a/youtube/static/modules/plyr/custom_plyr.css +++ b/youtube/static/modules/plyr/custom_plyr.css @@ -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; +} |