Closes #958

Improve video thumbnail background size
ParticleCore · Mar 21, 2024 · b6235fa · b6235fa
1 parent 6d1b807
commit b6235fa
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/src/chrome/css/content-script.css b/src/chrome/css/content-script.css
@@ -2,6 +2,9 @@
 #movie_player.unstarted-mode:is(.playing-mode, .paused-mode):not(.buffering-mode) > *:not(.ytp-cued-thumbnail-overlay) {
     display: none;
 }
+#movie_player > .ytp-cued-thumbnail-overlay > .ytp-cued-thumbnail-overlay-image {
+    background-size: contain !important;
+}
 /* end | autoplay */
 
 /* ini | video focus */

diff --git a/src/chrome/js/background-inject.js b/src/chrome/js/background-inject.js
@@ -713,7 +713,7 @@ function mainScript(extensionId, SettingData, defaultSettings) {
 
                 const chat = document.getElementById("chat-container");
 
-                if (chat) {
+                if (chat && !chat.firstElementChild.hasAttribute("collapsed")) {
 
                     const videoContainer = document.getElementById("player-full-bleed-container");
 

diff --git a/src/firefox/css/content-script.css b/src/firefox/css/content-script.css
@@ -2,6 +2,9 @@
 #movie_player.unstarted-mode:is(.playing-mode, .paused-mode):not(.buffering-mode) > *:not(.ytp-cued-thumbnail-overlay) {
     display: none;
 }
+#movie_player > .ytp-cued-thumbnail-overlay > .ytp-cued-thumbnail-overlay-image {
+    background-size: contain !important;
+}
 /* end | autoplay */
 
 /* ini | video focus */

diff --git a/src/firefox/js/background-inject.js b/src/firefox/js/background-inject.js
@@ -713,7 +713,7 @@ function mainScript(extensionId, SettingData, defaultSettings) {
 
                 const chat = document.getElementById("chat-container");
 
-                if (chat) {
+                if (chat && !chat.firstElementChild.hasAttribute("collapsed")) {
 
                     const videoContainer = document.getElementById("player-full-bleed-container");