fix: always display nav controls in a single row

juananpe · Apr 8, 2024 · 01b9dc6 · 01b9dc6
1 parent 3414dff
commit 01b9dc6
Show file tree

Hide file tree

Showing 12 changed files with 38 additions and 24 deletions.
diff --git a/docs/bib/index.html b/docs/bib/index.html
@@ -33,7 +33,7 @@ <h1>Bibliography</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../contrib/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/colophon/index.html b/docs/colophon/index.html
@@ -33,7 +33,7 @@ <h1>Colophon</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../glossary/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/conduct/index.html b/docs/conduct/index.html
@@ -33,7 +33,7 @@ <h1>Code of Conduct</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../license/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/contents/index.html b/docs/contents/index.html
@@ -33,7 +33,7 @@ <h1>Index</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../colophon/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/contrib/index.html b/docs/contrib/index.html
@@ -33,7 +33,7 @@ <h1>Contributing</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../conduct/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/finale/index.html b/docs/finale/index.html
@@ -33,7 +33,7 @@ <h1>Conclusion</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../intro/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/glossary/index.html b/docs/glossary/index.html
@@ -33,7 +33,7 @@ <h1>Glossary</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../bib/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/intro/index.html b/docs/intro/index.html
@@ -33,7 +33,7 @@ <h1>Introduction</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
 
   </div>

diff --git a/docs/license/index.html b/docs/license/index.html
@@ -33,7 +33,7 @@ <h1>License</h1>
 </div>
 
 
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     <a href="../finale/" title="previous" class="undecorated">&#8678;</a>
   </div>

diff --git a/docs/mccole.css b/docs/mccole.css
@@ -49,17 +49,24 @@
 
 /* Small screen: display rows with one column. */
 @media screen {
-  .row {
-      width: 100%
-  }
+    .row {
+	width: 100%
+    }
 }
 
 /* Wide screen: display rows as rows. */
 @media screen and (min-width: 60rem) {
-  .row {
-      display: flex;
-      flex-flow: row wrap;
-  }
+    .row {
+	display: flex;
+	flex-flow: row wrap;
+    }
+}
+
+/* Always display as row. */
+.row-always {
+    width: 100%;
+    display: flex;
+    flex-flow: row wrap;
 }
 
 /* Flex grid */

diff --git a/lib/mccole/resources/mccole.css b/lib/mccole/resources/mccole.css
@@ -49,17 +49,24 @@
 
 /* Small screen: display rows with one column. */
 @media screen {
-  .row {
-      width: 100%
-  }
+    .row {
+	width: 100%
+    }
 }
 
 /* Wide screen: display rows as rows. */
 @media screen and (min-width: 60rem) {
-  .row {
-      display: flex;
-      flex-flow: row wrap;
-  }
+    .row {
+	display: flex;
+	flex-flow: row wrap;
+    }
+}
+
+/* Always display as row. */
+.row-always {
+    width: 100%;
+    display: flex;
+    flex-flow: row wrap;
 }
 
 /* Flex grid */

diff --git a/lib/mccole/templates/nav.html b/lib/mccole/templates/nav.html
@@ -1,5 +1,5 @@
 {% if node.title %}
-<nav class="row notex">
+<nav class="row-always notex">
   <div class="col-1 left">
     {% if node | nav_prev %}<a href="{{node | nav_prev }}" title="previous" class="undecorated">&#8678;</a>{% endif %}
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,7 +33,7 @@ <h1>Introduction</h1> @@
     </div>
-    <nav class="row notex">
+    <nav class="row-always notex">
       <div class="col-1 left">
       </div>
@@ Expand Down @@