pages shrink to fill bottom of page gap

diff --git a/consumer/release/RT/core/utility.js b/consumer/release/RT/core/utility.js
index b8522c9..b070510 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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);