logo vis

web/plugin.head.html

@@ -11,6 +11,7 @@
     }
 
     html:not(.politictalk-direct-access-blocked) {
+        --politictalk-stage-top-inset: 96px;
         --politictalk-toolbar-bottom-offset: 12px;
         --politictalk-toolbar-mobile-scale: 0.96;
     }
@@ -38,6 +39,12 @@
         background-image: none !important;
     }
 
+    html.politictalk-stage-brand-inset:not(.politictalk-direct-access-blocked) #videospace {
+        box-sizing: border-box !important;
+        height: calc(100% - var(--politictalk-stage-top-inset, 96px)) !important;
+        top: var(--politictalk-stage-top-inset, 96px) !important;
+    }
+
     .politictalk-room-logo {
         align-items: center;
         display: flex;
@@ -467,6 +474,10 @@
             background-position: center center !important;
         }
 
+        html:not(.politictalk-direct-access-blocked) {
+            --politictalk-stage-top-inset: 88px;
+        }
+
         .politictalk-room-logo {
             gap: 10px;
             height: 48px;
@@ -772,6 +783,55 @@
             }, 250);
         }
 
+        function isSideToolbarOpen() {
+            var sideToolbar = document.getElementById('sideToolbarContainer')
+                || document.querySelector('.sideToolbarContainer');
+
+            if (!sideToolbar) {
+                return false;
+            }
+
+            var rect = sideToolbar.getBoundingClientRect();
+            var style = window.getComputedStyle(sideToolbar);
+
+            return style.display !== 'none'
+                && style.visibility !== 'hidden'
+                && Number(style.opacity || 1) > 0
+                && rect.width > 120
+                && rect.height > 240;
+        }
+
+        function updatePoliticTalkStageBrandInset() {
+            if (directAccessBlocked || !document.body) {
+                document.documentElement.classList.remove('politictalk-stage-brand-inset');
+                return;
+            }
+
+            document.documentElement.classList.toggle('politictalk-stage-brand-inset', !isSideToolbarOpen());
+        }
+
+        function mountPoliticTalkStageBrandInset() {
+            updatePoliticTalkStageBrandInset();
+
+            window.addEventListener('resize', updatePoliticTalkStageBrandInset, { passive: true });
+            window.addEventListener('orientationchange', updatePoliticTalkStageBrandInset, { passive: true });
+
+            if (window.politicTalkStageInsetObserver || !document.body) {
+                return;
+            }
+
+            window.politicTalkStageInsetObserver = new MutationObserver(function() {
+                window.cancelAnimationFrame(window.politicTalkStageInsetFrame);
+                window.politicTalkStageInsetFrame = window.requestAnimationFrame(updatePoliticTalkStageBrandInset);
+            });
+            window.politicTalkStageInsetObserver.observe(document.body, {
+                attributes: true,
+                attributeFilter: [ 'class', 'style' ],
+                childList: true,
+                subtree: true
+            });
+        }
+
         function isIgnoredJitsiPath(path) {
             return /^\/(?:static|images|libs|css|sounds|fonts|transcripts)\//.test(path);
         }
@@ -1161,6 +1221,7 @@
                 mountDirectAccessMessage();
                 mountHostHangupPolicy();
                 mountMobileToolbarPositioning();
+                mountPoliticTalkStageBrandInset();
             });
         } else {
             mountPoliticTalkDocumentTitle();
@@ -1168,6 +1229,7 @@
             mountDirectAccessMessage();
             mountHostHangupPolicy();
             mountMobileToolbarPositioning();
+            mountPoliticTalkStageBrandInset();
         }
     }());
 </script>