traveler/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sdf

Browse source
This commit is contained in:
traveler 2025-12-30 09:20:47 -06:00
parent e49d7fd4d2
commit 0c34c237be
1 changed files with 22 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

75
config/custom.css
View file

@ -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 { body.tab-glance main {
max-width: none !important; max-width: none !important;
margin: 0 !important; margin: 0 !important;
@ -81,74 +81,57 @@ body.tab-glance main {
padding-right: 12px !important; 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 .service-grid,
body.tab-glance .services { body.tab-glance .services {
grid-template-columns: 1fr !important; grid-template-columns: 1fr !important;
} }
/* Helper: compute "available" height under the header/nav. /* Adjust this number if you want more/less height */
If your header is taller/shorter, tweak 170px to 140–220px. */
body.tab-glance { body.tab-glance {
--glance-vh: calc(100vh - 170px); --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[name="glance"]),
body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]), 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"]) {
grid-column: 1 / -1 !important; grid-column: 1 / -1 !important;
max-width: 100% !important;
/* The important part: make the container tall */
height: var(--glance-vh) !important; height: var(--glance-vh) !important;
min-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; overflow: hidden !important;
padding: 0 !important;
border-radius: 12px !important; border-radius: 12px !important;
position: relative !important; /* required for absolute iframe fill */
} }
/* Some Homepage themes wrap widget contents; force them tall too */ /* Some Homepage themes add an inner wrapper; make it fill the card */
body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) > *, body.tab-glance .service-card:has(iframe[name="glance"]) .service-card-content,
body.tab-glance .service-card:has(iframe[name="glance"]) > *, body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) .service-card-content,
body.tab-glance .widget:has(iframe[src*="home.netgrimoire.com"]) > *, body.tab-glance .service-card:has(iframe[name="glance"]) .widget,
body.tab-glance .widget:has(iframe[name="glance"]) > * { body.tab-glance .service-card:has(iframe[src*="home.netgrimoire.com"]) .widget {
height: 100% !important; height: 100% !important;
min-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;
border: 0 !important;
display: block !important;
background: transparent !important;
}
/* Fallback if :has() isn’t supported */
@supports not selector(.service-card:has(iframe)) {
body.tab-glance iframe[name="glance"], body.tab-glance iframe[name="glance"],
body.tab-glance iframe[src*="home.netgrimoire.com"] { body.tab-glance iframe[src*="home.netgrimoire.com"] {
width: 100% !important;
height: 100% !important;
min-height: var(--glance-vh) !important;
border: 0 !important;
display: block !important;
}
/* Fallback for builds/browsers without :has() support:
Still target by iframe src and force height directly. */
@supports not selector(.service-card:has(iframe)) {
body.tab-glance iframe[src*="home.netgrimoire.com"],
body.tab-glance iframe[name="glance"] {
width: 100% !important; width: 100% !important;
height: var(--glance-vh) !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;
} }
} }