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 /youtube | |
| 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.
Diffstat (limited to 'youtube')
| -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; +} |