WIP new_installer

.gitignore

@@ -1,3 +1,5 @@
 node_modules
+dist
+
 npm-debug.log
 *.sqlite3

app/html/app.mcss

@@ -1,13 +1,19 @@
 App {
   background: var(--app-border-background)
-  position: absolute
-
-  top: 0
-  bottom: 0
-  left: 0
-  right: 0
 
   overflow: hidden
-  min-height: 0px
+  height: 100%
+  width: 100%
+
+  position: relative
+
+  div.Hypertabs {
+    position: absolute
+
+    top: var(--app-border-width)
+    bottom: var(--app-border-width)
+    left: var(--app-border-width)
+    right: var(--app-border-width)
+  }
 }
 

app/html/tabs.mcss

@@ -2,18 +2,6 @@
 /* NOTE there are some active styles in here still */
 
 Hypertabs {
-  position: fixed
-  top: 0
-  right: 0
-  left: 0
-  bottom: 0
-
-  display: flex
-  flex-direction: column
-
-  height: 100% /* needed to stop scroller blowing out */
-  overflow: hidden
-
   nav {
     display: flex
 
@@ -92,17 +80,4 @@ Hypertabs {
       margin: 0 .5rem
     }
   }
-
-  section.content {
-    display: flex
-
-    height: 100% /* needed to stop making nav weird */
-
-    div.page {
-      flex-grow: 1
-
-      display: flex /*hack to get give Scroller context it needs */
-    }
-  }
 }
-

app/styles/css/global.js

@@ -15,6 +15,14 @@ body {
   font-size: 14px;
   line-height: 1.4;
   color: #222;
+
+  margin: 0;
+
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
 }
 
 body::before {

app/styles/mcss/hypertabs.mcss

@@ -2,12 +2,8 @@ Hypertabs {
   display: flex
   flex-direction: column
 
-  top: var(--app-border-width)
-  bottom: var(--app-border-width)
-  left: var(--app-border-width)
-  right: var(--app-border-width)
-
   height: initial
+  overflow: hidden
 
   nav {
     height: 2.3rem
@@ -128,15 +124,20 @@ Hypertabs {
     // this brings the scroll-bar in
     padding: .5rem .4rem
 
-    height: 100% /* needed to stop making nav weird */
+    height: 100%
+    /* needed to stop making nav weird */
 
     display: flex
 
     div.page {
       flex-grow: 1
 
-      display: flex /*hack to get give Scroller context it needs */
+      display: flex
+      /*hack to get give Scroller context it needs */
+
+      top: 0
+      bottom: 0
+      /* stop that stupid thing where tab scrolls the whole page */
     }
   }
 }
-