hgj

config/custom.css

@@ -1,13 +1,17 @@
-/* custom.css */
+/* custom.css (drop-in replacement) */
 
+/* ----------------------------- */
 /* Base background behavior      */
+/* ----------------------------- */
 body {
   background-size: cover !important;
   background-position: center center !important;
   background-attachment: fixed !important;
 }
 
+/* ----------------------------- */
 /* Per-tab backgrounds           */
+/* ----------------------------- */
 body.tab-glance {
   background-image: url("/images/bg-glance.jpg") !important;
 }
@@ -32,25 +36,15 @@ body.tab-nucking-futz {
 /* Readability / tone-down layer */
 /* ----------------------------- */
 
-/* Let more background show through (was 0.55) */
+/* Let more background show through */
 #page-wrapper {
   background-color: rgba(0, 0, 0, 0.40);
 }
 
-/* Soft blur + desaturate background only
+/* Make service cards and widgets pop (slightly transparent) */
-body::before {
-  content: "";
-  position: fixed;
-  inset: 0;
-  backdrop-filter: blur(6px) saturate(0.8);
-  z-index: -1;
-}
-*/
-
-/* Make service cards and widgets pop (but more transparent than before) */
 .service-card,
 .widget {
-  background: rgba(20, 20, 20, 0.70) !important; /* was 0.85 */
+  background: rgba(20, 20, 20, 0.70) !important;
   backdrop-filter: blur(2px);
   border-radius: 10px;
 }
@@ -61,13 +55,13 @@ body::before {
 
 /* Constrain the real content container */
 body.tab-pncharris main {
-  max-width: 900px; /* adjust: 760px narrower, 1100px wider */
+  max-width: 900px;
   margin: 0 auto !important;
   padding-left: 16px;
   padding-right: 16px;
 }
 
-/* Some builds wrap groups/sections full-width; constrain them too */
+/* Constrain sections/groups too */
 body.tab-pncharris section,
 body.tab-pncharris .group {
   max-width: 900px;
@@ -75,9 +69,54 @@ body.tab-pncharris .group {
   margin-right: auto !important;
 }
 
-/* If cards are being forced to stretch, relax that on PNCHarris */
+/* Relax stretching on PNCHarris */
 body.tab-pncharris .service-card,
 body.tab-pncharris .widget {
   width: auto !important;
   max-width: 100% !important;
 }
+
+/* ----------------------------- */
+/* GLANCE TAB: make the "glance" iframe fill most of the page */
+/* Targets ONLY iframe widget with name="glance"               */
+/* ----------------------------- */
+
+/* Use full width on Glance tab */
+body.tab-glance main {
+  max-width: none !important;
+  margin: 0 !important;
+  padding-left: 12px !important;
+  padding-right: 12px !important;
+}
+
+/* Force a single wide column on Glance tab */
+body.tab-glance .service-grid,
+body.tab-glance .services {
+  grid-template-columns: 1fr !important;
+}
+
+/* Prefer modern selector to expand only the card containing the glance iframe */
+body.tab-glance .service-card:has(iframe[name="glance"]) {
+  grid-column: 1 / -1 !important;
+  max-width: 100% !important;
+  height: calc(100vh - 160px) !important; /* adjust (140-200px) if needed */
+  overflow: hidden !important;
+  padding: 0 !important;
+  border-radius: 12px !important;
+}
+
+/* Make the glance iframe fill its container */
+body.tab-glance iframe[name="glance"] {
+  width: 100% !important;
+  height: 100% !important;
+  border: 0 !important;
+  display: block !important;
+}
+
+/* Fallback for older browsers/builds that don't support :has()
+   (Still only targets iframe[name="glance"]) */
+@supports not selector(.service-card:has(iframe)) {
+  body.tab-glance iframe[name="glance"] {
+    height: calc(100vh - 160px) !important; /* adjust (140-200px) if needed */
+  }
+}

config/services.yaml

@@ -111,6 +111,7 @@
           type: iframe
           name: glance
           src: https://home.netgrimoire.com
+          height: 1200
 
 - Nucking Apps:
     - Service Greenfin: