aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/static
diff options
context:
space:
mode:
authorAstound <kirito@disroot.org>2024-01-29 06:06:18 +0800
committerAstound <kirito@disroot.org>2024-01-29 06:06:18 +0800
commit1505414a1adafd211f29aa0c3c755428038120f3 (patch)
tree5fea566815f64d1e351400c75254f38b60d2616a /youtube/static
parentc04d7c9a247e5ccc254a2c95ce2c79fc1567de4a (diff)
downloadyt-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/static')
-rw-r--r--youtube/static/modules/plyr/custom_plyr.css8
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;
+}