amardeep/politictalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

position f

Browse Source
This commit is contained in:
Amardeep
2026-06-06 01:18:54 +05:30
parent ea63993393
commit df868f3cb4
1 changed files with 50 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
web/plugin.head.html
View File

@@ -46,13 +46,30 @@
html.politictalk-stage-brand-inset:not(.politictalk-direct-access-blocked) #videospace { html.politictalk-stage-brand-inset:not(.politictalk-direct-access-blocked) #videospace {
bottom: var(--politictalk-stage-bottom-inset, 128px) !important; bottom: var(--politictalk-stage-bottom-inset, 128px) !important;
box-sizing: border-box !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; height: calc(100% - var(--politictalk-stage-top-inset, 96px) - var(--politictalk-stage-bottom-inset, 128px)) !important;
left: var(--politictalk-stage-side-inset, 8px) !important; left: var(--politictalk-stage-side-inset, 8px) !important;
min-height: 0 !important;
overflow: hidden !important; overflow: hidden !important;
position: absolute !important;
right: var(--politictalk-stage-side-inset, 8px) !important; right: var(--politictalk-stage-side-inset, 8px) !important;
top: var(--politictalk-stage-top-inset, 96px) !important; top: var(--politictalk-stage-top-inset, 96px) !important;
width: auto !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, 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) { function applyPoliticTalkTileLayout(videospace, tiles) {
if (!videospace || !tiles.length) { if (!videospace || !tiles.length) {
return; return;
@@ -2309,6 +2357,7 @@
); );
var dominantMetadata = getPoliticTalkDominantSpeakerRoleMetadata(videospace, tiles); var dominantMetadata = getPoliticTalkDominantSpeakerRoleMetadata(videospace, tiles);
applyPoliticTalkLargeVideoLayout(videospace);
applyPoliticTalkTileLayout(videospace, tiles); applyPoliticTalkTileLayout(videospace, tiles);
applyPoliticTalkDominantSpeakerTheme(videospace, tiles, dominantMetadata); applyPoliticTalkDominantSpeakerTheme(videospace, tiles, dominantMetadata);