add topic mode

Signed-off-by: Ashley //// <iamashley@duck.com>
fossabot · Feb 28, 2024 · 0b5d8e3 · 0b5d8e3
1 parent 7955857
commit 0b5d8e3
Showing 1 changed file with 35 additions and 2 deletions.
diff --git a/html/poketube.ejs b/html/poketube.ejs
@@ -589,7 +589,41 @@ background-color: #0000;
     top: 0;
 }
 </style>
-                               <% if(shortsui) { %>
+         <% if(shortsui) { %>
+                                                       <script>
+        // Function to apply styles after DOM has loaded
+        function applyStyles() {
+            const styles = `
+                .player {
+                    width: fit-content;
+                    margin-left: auto;
+                    margin-right: auto;
+                    height: fit-content;
+                }
+
+                .video-player-container {
+                    max-width: fit-content;
+                    min-width: fit-content;
+                    margin-left: auto;
+                    margin-right: auto;
+                    aspect-ratio: var(--ptd-watch-width-ratio) / var(--ptd-watch-height-ratio);
+                }
+            `;
+
+            // Create a style element and set its content
+            const styleElement = document.createElement('style');
+            styleElement.innerHTML = styles;
+
+            // Append the style element to the document head
+            document.head.appendChild(styleElement);
+        }
+
+        // Event listener to call applyStyles after DOM has loaded
+        window.onload = applyStyles;
+                                 </script>
+                                                    <% } %>
+
+            <% if (inv_vid.author.endsWith(' - Topic')) { %> 
                                                        <script>
         // Function to apply styles after DOM has loaded
         function applyStyles() {
@@ -622,7 +656,6 @@ background-color: #0000;
         window.onload = applyStyles;
                                  </script>
                                                     <% } %>
-                                
              <% if(dm) { %>