chaged overlay to js

homepage-system/homepage-orsi.yaml

@@ -265,7 +265,7 @@ data:
       display: flex !important;
       align-items: center !important;
     }
-
+    
     /* Make the image fill it */
     #information-widgets .information-widget-logo img {
       max-height: 160px !important;
@@ -274,11 +274,10 @@ data:
       object-fit: contain !important;
     }
 
-    /* Iframe container sizing and positioning for overlay */
+    /* Iframe container sizing */
     .calcom-iframe,
     .calendar-iframe {
       height: 600px !important;
-      position: relative !important;
     }
 
     /* Purple filter on iframes */
@@ -286,25 +285,40 @@ data:
     iframe[src*="booking.dooplex.hu"] {
       filter: sepia(0.25) saturate(3) hue-rotate(250deg) brightness(1.02) !important;
       border-radius: 8px !important;
-    } 
-
-    /* Purple overlay on iframe containers */
-    .calcom-iframe::after,
-    .calendar-iframe::after {
-      content: "" !important;
-      position: absolute !important;
-      top: 0 !important;
-      left: 0 !important;
-      right: 0 !important;
-      bottom: 0 !important;
-      background: rgba(226, 146, 255, 0.18) !important;
-      pointer-events: none !important;
-      z-index: 10 !important;
-      border-radius: 8px !important;
     }
 
   # Custom JS
-  custom.js: ""
+  custom.js: |
+    // Wait for page to fully load, then add purple overlay to calendar iframes
+    function addCalendarOverlays() {
+      document.querySelectorAll('iframe[src*="calendar.google.com"], iframe[src*="booking.dooplex.hu"]').forEach(function(iframe) {
+        // Skip if overlay already exists
+        if (iframe.parentElement.querySelector('.calendar-overlay')) return;
+        
+        // Create overlay div
+        var overlay = document.createElement('div');
+        overlay.className = 'calendar-overlay';
+        overlay.style.cssText = 'position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(226,146,255,0.18);pointer-events:none;z-index:10;border-radius:8px;';
+        
+        // Ensure parent is positioned
+        iframe.parentElement.style.position = 'relative';
+        
+        // Add overlay
+        iframe.parentElement.appendChild(overlay);
+      });
+    }
+    
+    // Run on load and periodically (in case of dynamic content)
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', addCalendarOverlays);
+    } else {
+      addCalendarOverlays();
+    }
+    
+    // Also run after a short delay to catch late-loading iframes
+    setTimeout(addCalendarOverlays, 1000);
+    setTimeout(addCalendarOverlays, 3000);
+
 ---
 apiVersion: apps/v1
 kind: Deployment