From f73b7cb3bc050756c5f6b957db8b1ae86dde9370 Mon Sep 17 00:00:00 2001 From: Thomas Walker Lynch Date: Fri, 15 May 2026 07:22:55 +0000 Subject: [PATCH] pages shrink to fill bottom of page gap --- consumer/release/RT/core/utility.js | 2 -- .../release/RT/layout/article_tech_ref.js | 1 + consumer/release/RT/layout/page_fixed_glow.js | 19 +++++++------------ .../authored/RT/layout/page_fixed_glow.js | 19 +++++++------------ 4 files changed, 15 insertions(+), 26 deletions(-) diff --git a/consumer/release/RT/core/utility.js b/consumer/release/RT/core/utility.js index b8522c9..b070510 100644 --- a/consumer/release/RT/core/utility.js +++ b/consumer/release/RT/core/utility.js @@ -22,10 +22,8 @@ window.StyleRT.debug = { */ active_tokens: new Set([ - 'scroll' ]), - log: function(token, message) { if (this.active_tokens.has(token)) { console.log(`[StyleRT:${token}]`, message); diff --git a/consumer/release/RT/layout/article_tech_ref.js b/consumer/release/RT/layout/article_tech_ref.js index 9e571f3..47e6a78 100644 --- a/consumer/release/RT/layout/article_tech_ref.js +++ b/consumer/release/RT/layout/article_tech_ref.js @@ -1,3 +1,4 @@ +// debug messsages don't work here, because RT/core/utility isn't loaded until after the function runs. (function(){ const RT = window.StyleRT = window.StyleRT || {}; const debug = RT.debug || { log: function(){} }; diff --git a/consumer/release/RT/layout/page_fixed_glow.js b/consumer/release/RT/layout/page_fixed_glow.js index 91bd648..2bcafcd 100644 --- a/consumer/release/RT/layout/page_fixed_glow.js +++ b/consumer/release/RT/layout/page_fixed_glow.js @@ -1,33 +1,28 @@ /* Page Layout: Fixed Glow Standard: Theme 1.0 - Description: A fixed-height container with a glowing border effect that matches the active theme. + Description: A variable-height container with a glowing border effect that matches the active theme. */ (function(){ const RT = window.StyleRT = window.StyleRT || {}; - // Function name stays generic so the orchestrator can call RT.page() regardless of file choice RT.page = function() { RT.config = RT.config || {}; // Default Configuration - // We use CSS Variables here so the Theme controls the actual colors. const defaults = { width: "100%" - ,height: "1056px" + ,min_height: "15rem" // Replaces fixed height ,padding: "3rem" ,margin: "4rem auto" - // Dynamic Theme Bindings - ,bg_color: "var(--rt-surface-0)" // Black (Dark) or Cream (Light) - ,border_color: "var(--rt-brand-primary)" // The Main Accent Color - ,text_color: "var(--rt-brand-primary)" // Page Number Color + ,bg_color: "var(--rt-surface-0)" + ,border_color: "var(--rt-brand-primary)" + ,text_color: "var(--rt-brand-primary)" - // The Glow: Uses the primary brand color for the shadow ,shadow: "drop-shadow(0px 0px 15px var(--rt-brand-primary))" }; - // Merge defaults RT.config.page = Object.assign({}, defaults, RT.config.page || {}); const conf = RT.config.page; @@ -51,7 +46,7 @@ /* Dimensions */ width: ${conf.width}; - height: ${conf.height}; + min-height: ${conf.min_height}; margin: ${conf.margin}; padding: ${conf.padding}; @@ -79,7 +74,7 @@ color: ${conf.text_color}; opacity: 0.8; - pointer-events: none; /* Prevent interference with clicks */ + pointer-events: none; } `; document.head.appendChild(style_el); diff --git a/developer/authored/RT/layout/page_fixed_glow.js b/developer/authored/RT/layout/page_fixed_glow.js index 91bd648..2bcafcd 100644 --- a/developer/authored/RT/layout/page_fixed_glow.js +++ b/developer/authored/RT/layout/page_fixed_glow.js @@ -1,33 +1,28 @@ /* Page Layout: Fixed Glow Standard: Theme 1.0 - Description: A fixed-height container with a glowing border effect that matches the active theme. + Description: A variable-height container with a glowing border effect that matches the active theme. */ (function(){ const RT = window.StyleRT = window.StyleRT || {}; - // Function name stays generic so the orchestrator can call RT.page() regardless of file choice RT.page = function() { RT.config = RT.config || {}; // Default Configuration - // We use CSS Variables here so the Theme controls the actual colors. const defaults = { width: "100%" - ,height: "1056px" + ,min_height: "15rem" // Replaces fixed height ,padding: "3rem" ,margin: "4rem auto" - // Dynamic Theme Bindings - ,bg_color: "var(--rt-surface-0)" // Black (Dark) or Cream (Light) - ,border_color: "var(--rt-brand-primary)" // The Main Accent Color - ,text_color: "var(--rt-brand-primary)" // Page Number Color + ,bg_color: "var(--rt-surface-0)" + ,border_color: "var(--rt-brand-primary)" + ,text_color: "var(--rt-brand-primary)" - // The Glow: Uses the primary brand color for the shadow ,shadow: "drop-shadow(0px 0px 15px var(--rt-brand-primary))" }; - // Merge defaults RT.config.page = Object.assign({}, defaults, RT.config.page || {}); const conf = RT.config.page; @@ -51,7 +46,7 @@ /* Dimensions */ width: ${conf.width}; - height: ${conf.height}; + min-height: ${conf.min_height}; margin: ${conf.margin}; padding: ${conf.padding}; @@ -79,7 +74,7 @@ color: ${conf.text_color}; opacity: 0.8; - pointer-events: none; /* Prevent interference with clicks */ + pointer-events: none; } `; document.head.appendChild(style_el); -- 2.20.1