From e2e8fa5b1f7fd7c7f2673893437ebaa183a6b261 Mon Sep 17 00:00:00 2001
From: Jonathan Hefner <jonathan@hefner.pro>
Date: Thu, 3 Aug 2023 11:34:42 -0500
Subject: [PATCH] Unsticky "Appears in" element from bottom of page

Stickying the "Appears in" `<details>` at the bottom of the page causes
the element to jump up when it is expanded, which is unexpected and
unusual.  Since the element already hides information by default, there
is no need to force it to stay all the way at the bottom of the page.
This commit removes the sticky positioning and fixes some
inconsistencies in the grid definition.
---
 .../template/rails/resources/css/main.css     | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/lib/rdoc/generator/template/rails/resources/css/main.css b/lib/rdoc/generator/template/rails/resources/css/main.css
index 1b075a89..00b37562 100644
--- a/lib/rdoc/generator/template/rails/resources/css/main.css
+++ b/lib/rdoc/generator/template/rails/resources/css/main.css
@@ -10,8 +10,6 @@ body {
   line-height: 1.25em;
   min-height: 100%;
   display: grid;
-  grid-template-rows: min-content min-content auto min-content;
-  grid-template-columns: 300px auto;
 
   --link-color: #CC0000;
   --link-hover-color: #990000;
@@ -19,41 +17,41 @@ body {
 }
 
 body {
-  grid-template-rows: min-content min-content auto min-content;
+  grid-template-rows: min-content min-content min-content;
   grid-template-columns: 100%;
 }
 
 @media (min-width: 600px) {
   body {
-    grid-template-rows: min-content min-content auto min-content;
+    grid-template-rows: min-content min-content min-content;
     grid-template-columns: 300px auto;
   }
 
   nav {
     grid-row-start: 1;
-    grid-row-end: 4;
+    grid-row-end: 3;
     grid-column-start: 1;
     grid-column-end: 1;
   }
 
   div.banner {
-    grid-row-start: 2;
-    grid-row-end: 2;
+    grid-row-start: 1;
+    grid-row-end: 1;
     grid-column-start: 2;
     grid-column-end: 2;
   }
 
   #bodyContent {
-    grid-row-start: 3;
-    grid-row-end: 3;
+    grid-row-start: 2;
+    grid-row-end: 2;
     grid-column-start: 2;
     grid-column-end: 2;
     min-width: 0;
   }
 
   footer {
-    grid-row-start: 4;
-    grid-row-end: 4;
+    grid-row-start: 3;
+    grid-row-end: 3;
     grid-column-start: 2;
     grid-column-end: 2;
   }