From a27147328abc8c821ad91f09756175c082e8c1ed Mon Sep 17 00:00:00 2001
From: Amardeep <amardeepcode@gmail.com>
Date: Mon, 1 Jun 2026 20:11:59 +0530
Subject: [PATCH] tiles compl

---
 web/plugin.head.html | 49 +++++++++++++++++++++++++++-----------------
 1 file changed, 30 insertions(+), 19 deletions(-)

diff --git a/web/plugin.head.html b/web/plugin.head.html
index f974159..98afc04 100644
--- a/web/plugin.head.html
+++ b/web/plugin.head.html
@@ -73,10 +73,24 @@
         background: transparent !important;
         background-color: transparent !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;
     }
 
+    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.politictalk-themed-tile,
     html:not(.politictalk-direct-access-blocked) #videospace .filmstrip,
@@ -1282,9 +1296,20 @@
                 return;
             }
 
+            if (element.style.getPropertyValue(property) === value
+                    && element.style.getPropertyPriority(property) === 'important') {
+                return;
+            }
+
             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) {
             if (!element) {
                 return fallback;
@@ -1547,39 +1572,28 @@
                 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);
 
             applyPoliticTalkTileLayout(videospace, tiles);
 
             tiles.forEach(function(tile) {
-                tile.classList.add('politictalk-themed-tile');
+                addPoliticTalkClass(tile, 'politictalk-themed-tile');
 
                 tile.querySelectorAll('div, span').forEach(function(candidate) {
                     if (isPoliticTalkAvatarShell(candidate, tile)) {
                         var initialsTarget = getPoliticTalkInitialsAvatarTarget(candidate);
 
-                        candidate.classList.add('politictalk-avatar-shell');
+                        addPoliticTalkClass(candidate, 'politictalk-avatar-shell');
 
                         if (initialsTarget) {
-                            initialsTarget.classList.add('politictalk-avatar-themed');
+                            addPoliticTalkClass(initialsTarget, 'politictalk-avatar-themed');
                         }
 
                         return;
                     }
 
                     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.politicTalkTileThemeObserver.observe(document.body, {
-                attributes: true,
-                attributeFilter: [ 'class', 'style' ],
                 childList: true,
-                characterData: true,
                 subtree: true
             });