meso-web

commit 43d62e17e53ce2206fd47c1b7b6752a54f48fca8
parent d60e900b6ae0cf62e6df11c21629ee346f11246b
Author: Vincent Forest <vincent.forest@meso-star.com>
Date:   Wed,  3 Feb 2021 16:19:46 +0100

Allow vertical scrolling on fixed menu

Diffstat:
M
meso-menu.sh
 | 
2
+-
M
meso.css
 | 
16
+++++++---------

2 files changed, 8 insertions(+), 10 deletions(-)
diff --git a/meso-menu.sh b/meso-menu.sh
@@ -387,11 +387,11 @@ print_header() {
   else
     echo "  <h2><a href=${root}star-engine/star-engine.html>Star-Engine</a></h2>"
   fi
+  echo '<br>' # Enable CSS overflow here
   echo '</div>'
   echo '<div id=content>'
 }
 
-
 print_footer() {
   echo '</div>' # content
   echo '<div id=footer>'
diff --git a/meso.css b/meso.css
@@ -5,7 +5,7 @@ body {
   margin: 1em auto; /*auto;*/
   text-align: center;
   font-size: 10pt;
-  max-width: 70em;
+  max-width: 72em;
 }
 
 h1 {
@@ -110,10 +110,12 @@ hr {
  ******************************************************************************/
 #menu {
   text-align: left;
-  width: 16em;
-  float: left;
+  width: 17em;
   position: fixed;
-  margin-left: 56em;
+  float: right;
+  max-height: 100%;
+  margin-left: 55em;
+  overflow: auto;
 }
 
 #menu h2 {
@@ -123,10 +125,6 @@ hr {
   margin: 0.5em 0 0.5em 0;
 }
 
-/*#menu h2#cur {
-  Nothing 
-}*/
-
 #menu a {
   text-decoration: none;
   color: #AAAAAA;
@@ -187,7 +185,7 @@ hr {
  * Content & news
  ******************************************************************************/
 #content {
-  padding: 1em 2em 1em 2em;
+  padding: 1em 1.5em 1em 1.5em;
   background-color: #ffffff;
   text-align: left;
   width: 50em;