position f
This commit is contained in:
@@ -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);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user