Adjust CSS again for desktop/mobile readability

Affects: #28
io7m-com · Sep 15, 2024 · 95ba74a · 95ba74a
1 parent 651e97d
commit 95ba74a
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 26 deletions.
diff --git a/...ructural.documentation/src/main/resources/com/io7m/xstructural/documentation/document.css b/...ructural.documentation/src/main/resources/com/io7m/xstructural/documentation/document.css
@@ -16,13 +16,14 @@
 
 .brandingContainer
 {
-  margin: 1em;
+  margin-top:    1em;
+  margin-bottom: 1em;
+  font-size:     80%;
 }
 
 .branding
 {
   font-family: monospace;
-  font-size:   80%;
 }
 
 .command,
@@ -34,7 +35,6 @@
 .parameter
 {
   font-family: monospace;
-  font-size:   90%;
 }
 
 .term
@@ -45,7 +45,6 @@
 .genericTable
 {
   border:          1px solid #dddddd;
-  width:           100%;
   border-collapse: collapse;
 }
 .genericTable th

diff --git a/com.io7m.xstructural.xml/src/main/css/com/io7m/xstructural/xml/structural.css b/com.io7m.xstructural.xml/src/main/css/com/io7m/xstructural/xml/structural.css
@@ -21,20 +21,21 @@
 :root {
   --stBackgroundColor:  #ffffff;
   --stBodyFont:         sans-serif;
-  --stBodyFontSize:     2vmin;
+  --stBodyFontSize:     16px;
   --stBodyLineHeight:   1.4;
-  --stColumnWidthLeft:  3em;
-  --stColumnWidthMain:  97%;
+  --stColumnWidthLeft:  2em;
+  --stColumnWidthMain:  100%;
   --stDivider:          1px solid #dddddd;
   --stHeaderColor:      #202020;
   --stHeaderFont:       sans-serif;
-  --stMarginRight:      0.5em;
+  --stMarginLeft:       1em;
+  --stMarginRight:      1em;
   --stMetaBorder:       1px solid #dddddd;
   --stMetaFont:         monospace;
   --stNavigationRowGap: 0.25em;
   --stVerbatimBorder:   1px solid #dddddd;
   --stVerbatimFont:     monospace;
-  --stVerbatimFontSize: 1.5vmin;
+  --stVerbatimFontSize: 14px;
 
   --stH1Size: 110%;
   --stH2Size: 106%;
@@ -50,6 +51,7 @@ body
   font-family:      var(--stBodyFont);
   font-size:        var(--stBodyFontSize);
   line-height:      var(--stBodyLineHeight);
+  margin-left:      var(--stMarginLeft);
   margin-right:     var(--stMarginRight);
 }
 
@@ -97,7 +99,7 @@ h6
 
 .stRegion
 {
-  margin-left: 1em;
+
 }
 .stRegionMargin
 {
@@ -123,7 +125,6 @@ h6
   grid-template-columns: 33.3% 33.3% 33.3%;
   grid-row-gap: var(--stNavigationRowGap);
 
-  margin: 1em;
   border-bottom: var(--stDivider);
   padding-bottom: 1em;
 }
@@ -134,10 +135,9 @@ h6
   grid-template-columns: 33.3% 33.3% 33.3%;
   grid-row-gap: var(--stNavigationRowGap);
 
-  margin: 1em;
   margin-top: 2em;
-  border-top: var(--stDivider);
   padding-top: 1em;
+  border-top: var(--stDivider);
 }
 
 .stNavigationHeaderPrevTitle
@@ -240,9 +240,10 @@ h6
  * Document title.
  */
 
-.stDocumentTitle h1
+.stDocumentTitle
 {
-  font-size: 120%;
+  font-size:   130%;
+  font-weight: bold;
 }
 
 /*
@@ -277,8 +278,7 @@ h6
 }
 .stParagraph .stRegionContent
 {
-  margin-right: calc(2 * var(--stMarginRight));
-  color:        var(--stContentColor);
+
 }
 
 /*
@@ -297,14 +297,11 @@ h6
 
 .stFootnotes
 {
-  margin-right: var(--stMarginRight);
-  margin-top:   1em;
-  color:        var(--stContentColor);
+  margin-top: 1em;
 }
 .stFootnotes table
 {
   border:          var(--stMetaBorder);
-  width:           100%;
   border-collapse: collapse;
 }
 .stFootnotes td
@@ -328,15 +325,14 @@ h6
 
 .stRegionContent .stMetadataTable
 {
-  margin-right: calc(2 * var(--stMarginRight));
+
 }
 .stMetadataTable table
 {
   font-family:     var(--stMetaFont);
   margin-top:      2em;
   margin-bottom:   2em;
   border:          var(--stMetaBorder);
-  width:           100%;
   border-collapse: collapse;
 }
 .stMetadataTable td
@@ -347,7 +343,7 @@ h6
 }
 .stMetadataTable td:nth-child(1)
 {
-  width: 12em;
+  width: 8em;
 }
 
 .stVerbatim
@@ -356,7 +352,6 @@ h6
   padding:      1em;
   margin:       0em;
   overflow:     scroll;
-  margin-right: var(--stMarginRight);
   font-family:  var(--stVerbatimFont);
   font-size:    var(--stVerbatimFontSize);
 }

diff --git a/...structural.xml/src/main/xsl/com/io7m/xstructural/xml/s8/xstructural8-blocks-web-multi.xsl b/...structural.xml/src/main/xsl/com/io7m/xstructural/xml/s8/xstructural8-blocks-web-multi.xsl
@@ -72,6 +72,8 @@
                 content="application/xhtml+xml; charset=utf-8"/>
           <meta name="generator"
                 content="${project.groupId}/${project.version}"/>
+          <meta name="viewport"
+                content="width=device-width, initial-scale=1.0"/>
 
           <link rel="stylesheet"
                 type="text/css"

diff --git a/com.io7m.xstructural.xml/src/main/xsl/com/io7m/xstructural/xml/s8/xstructural8-web-multi.xsl b/com.io7m.xstructural.xml/src/main/xsl/com/io7m/xstructural/xml/s8/xstructural8-web-multi.xsl
@@ -19,7 +19,6 @@
 <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                 xmlns:xsd="http://www.w3.org/2001/XMLSchema"
                 xmlns:xdoc="http://www.pnp-software.com/XSLTdoc"
-                xmlns:si="xstructural-index.xsd"
                 xmlns:dc="http://purl.org/dc/elements/1.1/"
                 xmlns:s="urn:com.io7m.structural:8:0"
                 xmlns="http://www.w3.org/1999/xhtml"
@@ -126,6 +125,8 @@
         <head>
           <meta name="generator"
                 content="${project.groupId}/${project.version}"/>
+          <meta name="viewport"
+                content="width=device-width, initial-scale=1.0"/>
 
           <link rel="stylesheet"
                 type="text/css"

diff --git a/...io7m.xstructural.xml/src/main/xsl/com/io7m/xstructural/xml/s8/xstructural8-web-single.xsl b/...io7m.xstructural.xml/src/main/xsl/com/io7m/xstructural/xml/s8/xstructural8-web-single.xsl
@@ -86,6 +86,8 @@
         <head>
           <meta name="generator"
                 content="${project.groupId}/${project.version}"/>
+          <meta name="viewport"
+                content="width=device-width, initial-scale=1.0"/>
 
           <link rel="stylesheet"
                 type="text/css"