From: John Benediktsson <mrjbq7@gmail.com>
Date: Sat, 6 Aug 2022 03:07:59 +0000 (-0700)
Subject: webapps.wiki: more css cleanup
X-Git-Tag: 0.99~1202
X-Git-Url: https://gitweb.factorcode.org/gitweb.cgi?p=factor.git;a=commitdiff_plain;h=b67b0741739603528b5eaaeef7a98e2ae338a88e

webapps.wiki: more css cleanup
---

diff --git a/extra/webapps/wiki/wiki-common.xml b/extra/webapps/wiki/wiki-common.xml
index af3a6ba6d0..f8a1820ed6 100644
--- a/extra/webapps/wiki/wiki-common.xml
+++ b/extra/webapps/wiki/wiki-common.xml
@@ -8,8 +8,6 @@
 
 	<t:style t:include="resource:extra/webapps/wiki/wiki.css" />
 
-    <div id="container">
-
     <div id="left">
 
         <t:if t:value="contents">
@@ -77,6 +75,4 @@
 
     <span style="display:none"></span>
 
-	</div>
-
 </t:chloe>
diff --git a/extra/webapps/wiki/wiki-contents.css b/extra/webapps/wiki/wiki-contents.css
index d354c937d1..3010a231ce 100644
--- a/extra/webapps/wiki/wiki-contents.css
+++ b/extra/webapps/wiki/wiki-contents.css
@@ -1,12 +1,14 @@
 #left {
     float: left;
     width: 200px;
+    z-index: 99;
     border-right: 1px solid #ccc;
     background: #f3f2ea;
 }
 
 #right {
     margin-left: 200px;
+    width: calc(100% - 200px);
 }
 
 nav img {
@@ -20,6 +22,12 @@ nav img {
     display: none;
 }
 
+.page nav {
+    position: relative;
+    width: calc(100vw - 200px);
+    left: 0;
+}
+
 @media screen and (max-width: 600px) {
     #left {
         position: absolute;
@@ -34,6 +42,10 @@ nav img {
     nav img {
         display: inline;
     }
+
+    .page nav {
+        width: 100vw;
+    }
 }
 
 
diff --git a/extra/webapps/wiki/wiki.css b/extra/webapps/wiki/wiki.css
index 81746b44ff..7a3429cb55 100644
--- a/extra/webapps/wiki/wiki.css
+++ b/extra/webapps/wiki/wiki.css
@@ -1,16 +1,3 @@
-#container {
-    max-width: 1000px;
-}
-
-#left {
-    width: 0;
-    z-index: 99;
-}
-
-#right {
-    max-width: 800px;
-}
-
 .comparison th {
     border-width: 1px;
     border-color: #666;
@@ -70,6 +57,7 @@
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 15px;
+    max-width: 800px;
 }
 
 .page nav {
@@ -123,7 +111,7 @@
     border-width: 1px 1px 0 0;
 }
 
-.footer {
+footer {
     padding-left: 15px;
     font-size: smaller;
 }