From 0c34c237bec9247749af12757fd9e9f2b5ea3ab9 Mon Sep 17 00:00:00 2001
From: traveler <phil@pncharris.com>
Date: Tue, 30 Dec 2025 09:20:47 -0600
Subject: [PATCH] sdf

---
 config/custom.css | 61 +++++++++++++++++------------------------------
 1 file changed, 22 insertions(+), 39 deletions(-)

diff --git a/config/custom.css b/config/custom.css
index 3efc741..13f9efd 100755
--- a/config/custom.css
+++ b/config/custom.css
@@ -70,10 +70,10 @@ body.tab-pncharris .widget {
 }
 
 /* ========================================================= */
-/* GLANCE TAB: make the Glance iframe fill most of the page   */
+/* GLANCE TAB: make ONLY the glance iframe fill the page      */
 /* ========================================================= */
 
-/* Give the tab full width */
+/* Full width on Glance tab */
 body.tab-glance main {
   max-width: none !important;
   margin: 0 !important;
@@ -81,74 +81,57 @@ body.tab-glance main {
   padding-right: 12px !important;
 }
 
-/* Force single column layout on Glance tab */
+/* Single-column layout on Glance tab */
 body.tab-glance .service-grid,
 body.tab-glance .services {
   grid-template-columns: 1fr !important;
 }
 
-/* Helper: compute "available" height under the header/nav.
-   If your header is taller/shorter, tweak 170px to 140–220px. */
+/* Adjust this number if you want more/less height */
 body.tab-glance {
   --glance-vh: calc(100vh - 170px);
 }
 
-/* Expand ANY card on the Glance tab that contains our Glance iframe */
+/* Make the card containing the Glance iframe tall and clean */
 body.tab-glance .service-card:has(iframe[name="glance"]),
-body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]),
-body.tab-glance .widget:has(iframe[name="glance"]),
-body.tab-glance .widget:has(iframe[src*="home.netgrimoire.com"]) {
+body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) {
   grid-column: 1 / -1 !important;
-  max-width: 100% !important;
-
-  /* The important part: make the container tall */
   height: var(--glance-vh) !important;
   min-height: var(--glance-vh) !important;
-
-  /* Remove padding that can reduce the iframe size */
-  padding: 0 !important;
   overflow: hidden !important;
-
+  padding: 0 !important;
   border-radius: 12px !important;
+  position: relative !important; /* required for absolute iframe fill */
 }
 
-/* Some Homepage themes wrap widget contents; force them tall too */
-body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) > *,
-body.tab-glance .service-card:has(iframe[name="glance"]) > *,
-body.tab-glance .widget:has(iframe[src*="home.netgrimoire.com"]) > *,
-body.tab-glance .widget:has(iframe[name="glance"]) > * {
+/* Some Homepage themes add an inner wrapper; make it fill the card */
+body.tab-glance .service-card:has(iframe[name="glance"]) .service-card-content,
+body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) .service-card-content,
+body.tab-glance .service-card:has(iframe[name="glance"]) .widget,
+body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) .widget {
   height: 100% !important;
   min-height: 100% !important;
+  padding: 0 !important;
+  background: transparent !important; /* don’t paint over the iframe */
 }
 
-/* Make the iframe itself fill its container */
+/* Fill the entire card with the iframe */
 body.tab-glance iframe[name="glance"],
 body.tab-glance iframe[src*="home.netgrimoire.com"] {
+  position: absolute !important;
+  inset: 0 !important;
   width: 100% !important;
   height: 100% !important;
-  min-height: var(--glance-vh) !important;
   border: 0 !important;
   display: block !important;
+  background: transparent !important;
 }
 
-/* Fallback for builds/browsers without :has() support:
-   Still target by iframe src and force height directly. */
+/* Fallback if :has() isn’t supported */
 @supports not selector(.service-card:has(iframe)) {
-  body.tab-glance iframe[src*="home.netgrimoire.com"],
-  body.tab-glance iframe[name="glance"] {
+  body.tab-glance iframe[name="glance"],
+  body.tab-glance iframe[src*="home.netgrimoire.com"] {
     width: 100% !important;
     height: var(--glance-vh) !important;
-    min-height: var(--glance-vh) !important;
-    border: 0 !important;
-    display: block !important;
-  }
-
-  /* Also loosen common wrapper constraints */
-  body.tab-glance .service-card,
-  body.tab-glance .widget {
-    height: var(--glance-vh) !important;
-    min-height: var(--glance-vh) !important;
-    overflow: hidden !important;
-    padding: 0 !important;
   }
 }