From df868f3cb441254faad45a94766d2ceddb781489 Mon Sep 17 00:00:00 2001 From: Amardeep Date: Sat, 6 Jun 2026 01:18:54 +0530 Subject: [PATCH] position f --- web/plugin.head.html | 51 +++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) 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);