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

tiles compl

Browse Source
This commit is contained in:
Amardeep
2026-06-01 20:11:59 +05:30
parent 973745bcd8
commit a27147328a
1 changed files with 30 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
web/plugin.head.html
View File

@@ -73,10 +73,24 @@
background: transparent !important; background: transparent !important;
background-color: transparent !important; background-color: transparent !important;
border: 0 !important; border: 0 !important;
box-shadow: inset 0 0 0 2px var(--politictalk-tile-border-color, rgba(179, 165, 228, 0.72)) !important; box-shadow: none !important;
box-sizing: border-box !important; box-sizing: border-box !important;
} }
html:not(.politictalk-direct-access-blocked) #videospace .politictalk-themed-tile::after {
border: 2px solid var(--politictalk-tile-border-color, rgba(179, 165, 228, 0.72)) !important;
border-radius: 3px !important;
bottom: 2px;
box-sizing: border-box !important;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 12;
}
html:not(.politictalk-direct-access-blocked) #videospace #largeVideoContainer, html:not(.politictalk-direct-access-blocked) #videospace #largeVideoContainer,
html:not(.politictalk-direct-access-blocked) #videospace #largeVideoContainer.politictalk-themed-tile, html:not(.politictalk-direct-access-blocked) #videospace #largeVideoContainer.politictalk-themed-tile,
html:not(.politictalk-direct-access-blocked) #videospace .filmstrip, html:not(.politictalk-direct-access-blocked) #videospace .filmstrip,
@@ -1282,9 +1296,20 @@
return; return;
} }
if (element.style.getPropertyValue(property) === value
&& element.style.getPropertyPriority(property) === 'important') {
return;
}
element.style.setProperty(property, value, 'important'); element.style.setProperty(property, value, 'important');
} }
function addPoliticTalkClass(element, className) {
if (element && element.classList && !element.classList.contains(className)) {
element.classList.add(className);
}
}
function getPoliticTalkNumericStyle(element, property, fallback) { function getPoliticTalkNumericStyle(element, property, fallback) {
if (!element) { if (!element) {
return fallback; return fallback;
@@ -1547,39 +1572,28 @@
return; return;
} }
videospace.querySelectorAll(
'.politictalk-themed-tile, .politictalk-tile-transparent-layer, .politictalk-avatar-shell, .politictalk-avatar-themed'
).forEach(function(element) {
element.classList.remove(
'politictalk-themed-tile',
'politictalk-tile-transparent-layer',
'politictalk-avatar-shell',
'politictalk-avatar-themed'
);
});
var tiles = getPoliticTalkTileCandidates(videospace); var tiles = getPoliticTalkTileCandidates(videospace);
applyPoliticTalkTileLayout(videospace, tiles); applyPoliticTalkTileLayout(videospace, tiles);
tiles.forEach(function(tile) { tiles.forEach(function(tile) {
tile.classList.add('politictalk-themed-tile'); addPoliticTalkClass(tile, 'politictalk-themed-tile');
tile.querySelectorAll('div, span').forEach(function(candidate) { tile.querySelectorAll('div, span').forEach(function(candidate) {
if (isPoliticTalkAvatarShell(candidate, tile)) { if (isPoliticTalkAvatarShell(candidate, tile)) {
var initialsTarget = getPoliticTalkInitialsAvatarTarget(candidate); var initialsTarget = getPoliticTalkInitialsAvatarTarget(candidate);
candidate.classList.add('politictalk-avatar-shell'); addPoliticTalkClass(candidate, 'politictalk-avatar-shell');
if (initialsTarget) { if (initialsTarget) {
initialsTarget.classList.add('politictalk-avatar-themed'); addPoliticTalkClass(initialsTarget, 'politictalk-avatar-themed');
} }
return; return;
} }
if (isPoliticTalkTransparentTileLayer(candidate, tile)) { if (isPoliticTalkTransparentTileLayer(candidate, tile)) {
candidate.classList.add('politictalk-tile-transparent-layer'); addPoliticTalkClass(candidate, 'politictalk-tile-transparent-layer');
} }
}); });
}); });
@@ -1605,10 +1619,7 @@
window.politicTalkTileThemeFrame = window.requestAnimationFrame(applyPoliticTalkTileTheme); window.politicTalkTileThemeFrame = window.requestAnimationFrame(applyPoliticTalkTileTheme);
}); });
window.politicTalkTileThemeObserver.observe(document.body, { window.politicTalkTileThemeObserver.observe(document.body, {
attributes: true,
attributeFilter: [ 'class', 'style' ],
childList: true, childList: true,
characterData: true,
subtree: true subtree: true
}); });