From 1505414a1adafd211f29aa0c3c755428038120f3 Mon Sep 17 00:00:00 2001 From: Astound Date: Mon, 29 Jan 2024 06:06:18 +0800 Subject: 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. --- youtube/static/modules/plyr/custom_plyr.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'youtube/static') 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; +} -- cgit v1.2.3