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

61
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 {
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;
}
}