From 21b256dbc965d91e7b092d3963e04fd91194e983 Mon Sep 17 00:00:00 2001
From: narimiran <narimiran@disroot.org>
Date: Tue, 5 Feb 2019 14:01:47 +0100
Subject: fix documentation CSS

- make documentation usable on small (narrow) screens
- slightly smaller font size in tables
- fix search input width
---
 .../expected/subdir/subdir_b/utils.html            | 44 ++++++++++++++--------
 nimdoc/testproject/expected/testproject.html       | 44 ++++++++++++++--------
 nimdoc/testproject/expected/theindex.html          | 44 ++++++++++++++--------
 3 files changed, 84 insertions(+), 48 deletions(-)

(limited to 'nimdoc/testproject/expected')

diff --git a/nimdoc/testproject/expected/subdir/subdir_b/utils.html b/nimdoc/testproject/expected/subdir/subdir_b/utils.html
index b71777ecf..650226c81 100644
--- a/nimdoc/testproject/expected/subdir/subdir_b/utils.html
+++ b/nimdoc/testproject/expected/subdir/subdir_b/utils.html
@@ -56,25 +56,35 @@ body {
 .columns {
   width: 100%;
   float: left;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+  margin-left: 1%;
+}
 
-  .column,
-  .columns {
-    margin-left: 1%; }
+.column:first-child,
+.columns:first-child {
+  margin-left: 0; }
 
-  .column:first-child,
-  .columns:first-child {
-    margin-left: 0; }
+.three.columns {
+  width: 19%; }
 
-  .three.columns {
-    width: 19%; }
+.nine.columns {
+  width: 80.0%; }
 
-  .nine.columns {
-    width: 80.0%; }
+.twelve.columns {
+  width: 100%;
+  margin-left: 0; }
 
-  .twelve.columns {
-    width: 100%;
-    margin-left: 0; }
+@media screen and (max-width: 860px) {
+  .three.columns {
+    display: none;
+  }
+  .nine.columns {
+    width: 98.0%;
+  }
+  body {
+    font-size: 1em;
+    line-height: 1.35;
+  }
 }
 
 cite {
@@ -86,7 +96,7 @@ div#searchInputDiv {
   margin-bottom: 1em;
 }
 input#searchInput {
-  width: 145px;
+  width: 80%;
 }
 
 
@@ -433,7 +443,9 @@ table {
   margin-bottom: 1.5em;
   border-collapse: collapse;
   border-color: #ccc;
-  border-spacing: 0; }
+  border-spacing: 0;
+  font-size: 0.9em;
+}
 
 table th, table td {
   padding: 0px 0.5em 0px;
diff --git a/nimdoc/testproject/expected/testproject.html b/nimdoc/testproject/expected/testproject.html
index 29be443c1..38522d493 100644
--- a/nimdoc/testproject/expected/testproject.html
+++ b/nimdoc/testproject/expected/testproject.html
@@ -56,25 +56,35 @@ body {
 .columns {
   width: 100%;
   float: left;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+  margin-left: 1%;
+}
 
-  .column,
-  .columns {
-    margin-left: 1%; }
+.column:first-child,
+.columns:first-child {
+  margin-left: 0; }
 
-  .column:first-child,
-  .columns:first-child {
-    margin-left: 0; }
+.three.columns {
+  width: 19%; }
 
-  .three.columns {
-    width: 19%; }
+.nine.columns {
+  width: 80.0%; }
 
-  .nine.columns {
-    width: 80.0%; }
+.twelve.columns {
+  width: 100%;
+  margin-left: 0; }
 
-  .twelve.columns {
-    width: 100%;
-    margin-left: 0; }
+@media screen and (max-width: 860px) {
+  .three.columns {
+    display: none;
+  }
+  .nine.columns {
+    width: 98.0%;
+  }
+  body {
+    font-size: 1em;
+    line-height: 1.35;
+  }
 }
 
 cite {
@@ -86,7 +96,7 @@ div#searchInputDiv {
   margin-bottom: 1em;
 }
 input#searchInput {
-  width: 145px;
+  width: 80%;
 }
 
 
@@ -433,7 +443,9 @@ table {
   margin-bottom: 1.5em;
   border-collapse: collapse;
   border-color: #ccc;
-  border-spacing: 0; }
+  border-spacing: 0;
+  font-size: 0.9em;
+}
 
 table th, table td {
   padding: 0px 0.5em 0px;
diff --git a/nimdoc/testproject/expected/theindex.html b/nimdoc/testproject/expected/theindex.html
index 644c13f59..f4d052c5a 100644
--- a/nimdoc/testproject/expected/theindex.html
+++ b/nimdoc/testproject/expected/theindex.html
@@ -56,25 +56,35 @@ body {
 .columns {
   width: 100%;
   float: left;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+  margin-left: 1%;
+}
 
-  .column,
-  .columns {
-    margin-left: 1%; }
+.column:first-child,
+.columns:first-child {
+  margin-left: 0; }
 
-  .column:first-child,
-  .columns:first-child {
-    margin-left: 0; }
+.three.columns {
+  width: 19%; }
 
-  .three.columns {
-    width: 19%; }
+.nine.columns {
+  width: 80.0%; }
 
-  .nine.columns {
-    width: 80.0%; }
+.twelve.columns {
+  width: 100%;
+  margin-left: 0; }
 
-  .twelve.columns {
-    width: 100%;
-    margin-left: 0; }
+@media screen and (max-width: 860px) {
+  .three.columns {
+    display: none;
+  }
+  .nine.columns {
+    width: 98.0%;
+  }
+  body {
+    font-size: 1em;
+    line-height: 1.35;
+  }
 }
 
 cite {
@@ -86,7 +96,7 @@ div#searchInputDiv {
   margin-bottom: 1em;
 }
 input#searchInput {
-  width: 145px;
+  width: 80%;
 }
 
 
@@ -433,7 +443,9 @@ table {
   margin-bottom: 1.5em;
   border-collapse: collapse;
   border-color: #ccc;
-  border-spacing: 0; }
+  border-spacing: 0;
+  font-size: 0.9em;
+}
 
 table th, table td {
   padding: 0px 0.5em 0px;
-- 
cgit 1.4.1-2-gfad0