diff --git a/js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css b/js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css index c54f3491c..4857f6bdb 100644 --- a/js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css +++ b/js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css @@ -191,6 +191,32 @@ html[it-livechat='collapsed'] cursor: pointer; } +/* Ensure live chat is fully visible and scrollable in theater mode */ +html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #secondary, +html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #secondary-inner, +html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #chat-container, +html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy ytd-live-chat-frame#chat { + height: calc(100vh - var(--it-header-size, 56px)) !important; + max-height: calc(100vh - var(--it-header-size, 56px)) !important; + + /* Prevent horizontal scrollbar surprises */ + overflow-x: hidden !important; +} + +@supports (height: 100dvh) { + html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #secondary, + html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #secondary-inner, + html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy #chat-container, + html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy ytd-live-chat-frame#chat { + height: calc(100dvh - var(--it-header-size, 56px)) !important; + max-height: calc(100dvh - var(--it-header-size, 56px)) !important; + } +} + +/* Only the actual chat should scroll */ +html[it-forced-theater-mode='true'][data-page-type='video'] ytd-watch-flexy ytd-live-chat-frame#chat { + overflow-y: auto !important; +} /*-------------------------------------------------------------- # HIDE PLAYLIST diff --git a/js&css/web-accessible/core.js b/js&css/web-accessible/core.js index 80059614b..9c33eb1b5 100644 --- a/js&css/web-accessible/core.js +++ b/js&css/web-accessible/core.js @@ -361,6 +361,7 @@ document.addEventListener('it-message-from-extension', function () { case 'playerIncreaseDecreaseSpeedButtons': if (ImprovedTube.storage.player_increase_decrease_speed_buttons === false) { ImprovedTube.elements.buttons['it-increase-speed-button']?.remove(); + ImprovedTube.elements.buttons['it-1x-speed-button']?.remove(); ImprovedTube.elements.buttons['it-decrease-speed-button']?.remove(); } break