diff --git a/web/plugin.head.html b/web/plugin.head.html
index 7b55a16..92c6be0 100644
--- a/web/plugin.head.html
+++ b/web/plugin.head.html
@@ -46,13 +46,30 @@
html.politictalk-stage-brand-inset:not(.politictalk-direct-access-blocked) #videospace {
bottom: var(--politictalk-stage-bottom-inset, 128px) !important;
box-sizing: border-box !important;
+ display: block !important;
height: calc(100% - var(--politictalk-stage-top-inset, 96px) - var(--politictalk-stage-bottom-inset, 128px)) !important;
left: var(--politictalk-stage-side-inset, 8px) !important;
+ min-height: 0 !important;
overflow: hidden !important;
+ position: absolute !important;
right: var(--politictalk-stage-side-inset, 8px) !important;
top: var(--politictalk-stage-top-inset, 96px) !important;
width: auto !important;
- display: contents !important;
+ }
+
+ html.politictalk-stage-brand-inset:not(.politictalk-direct-access-blocked) #videospace #largeVideoContainer {
+ bottom: auto !important;
+ box-sizing: border-box !important;
+ height: 100% !important;
+ left: 0 !important;
+ max-height: 100% !important;
+ min-height: 0 !important;
+ overflow: hidden !important;
+ position: absolute !important;
+ right: 0 !important;
+ top: 0 !important;
+ transform: none !important;
+ width: 100% !important;
}
html.politictalk-stage-brand-inset:not(.politictalk-direct-access-blocked) #videospace > span,
@@ -2223,6 +2240,37 @@
});
}
+ function applyPoliticTalkLargeVideoLayout(videospace) {
+ if (!videospace) {
+ return;
+ }
+
+ var largeVideoContainer = videospace.querySelector('#largeVideoContainer');
+
+ if (!largeVideoContainer) {
+ return;
+ }
+
+ var availableHeight = getPoliticTalkAvailableTileHeight(videospace);
+
+ if (!Number.isFinite(availableHeight) || availableHeight <= 0) {
+ return;
+ }
+
+ setPoliticTalkImportantStyle(largeVideoContainer, 'bottom', 'auto');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'box-sizing', 'border-box');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'height', availableHeight + 'px');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'left', '0px');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'max-height', availableHeight + 'px');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'min-height', '0px');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'overflow', 'hidden');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'position', 'absolute');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'right', '0px');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'top', '0px');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'transform', 'none');
+ setPoliticTalkImportantStyle(largeVideoContainer, 'width', '100%');
+ }
+
function applyPoliticTalkTileLayout(videospace, tiles) {
if (!videospace || !tiles.length) {
return;
@@ -2309,6 +2357,7 @@
);
var dominantMetadata = getPoliticTalkDominantSpeakerRoleMetadata(videospace, tiles);
+ applyPoliticTalkLargeVideoLayout(videospace);
applyPoliticTalkTileLayout(videospace, tiles);
applyPoliticTalkDominantSpeakerTheme(videospace, tiles, dominantMetadata);