layout fixes

js/demo.js

@@ -58,7 +58,7 @@ class TablerDemo {
     this.toggleColorScheme(form.querySelector('[name="color-scheme"]:checked').value);
     this.toggleNavPosition(form.querySelector('[name="nav-position"]:checked').value);
     this.toggleHeaderColor(form.querySelector('[name="header-color"]:checked').value);
-    this.toggleHeaderFixed(form.querySelector('[name="header-fixed"]:checked').value);
+    // this.toggleHeaderFixed(form.querySelector('[name="header-fixed"]:checked').value);
     this.toggleSidebarSize(form.querySelector('[name="sidebar-size"]:checked').value);
     this.toggleSidebarColor(form.querySelector('[name="sidebar-color"]:checked').value);
     this.toggleSidebarPosition(form.querySelector('[name="sidebar-position"]:checked').value);
@@ -71,7 +71,7 @@ class TablerDemo {
     this.toggleColorScheme(config.colorScheme);
     this.toggleNavPosition(config.navPosition);
     this.toggleHeaderColor(config.headerColor);
-    this.toggleHeaderFixed(config.headerFixed);
+    // this.toggleHeaderFixed(config.headerFixed);
     this.toggleSidebarPosition(config.sidebarPosition);
     this.toggleSidebarSize(config.sidebarSize);
     this.toggleSidebarColor(config.sidebarColor);
@@ -87,10 +87,6 @@ class TablerDemo {
     }
   };
 
-  renderManagerHtml(elem) {
-    elem.innerHTML = 'test2';
-  };
-
   /*
   Color scheme toggle
    */

pages/_layouts/default.html

@@ -2,7 +2,7 @@
 layout: base
 ---
 
-<div class="d-flex flex-row">
+<div class="d-flex flex-row h-100p">
    {% include layout/sidenav.html dark=page.sidenav-dark folded=page.sidenav-folded fixed=true %}
 
    <div class="layout-main d-flex flex-column flex-fill max-w-full">

pages/customize.html

@@ -22,10 +22,10 @@ title: Layout manager
                   <label class="form-label">Header color</label>
                   {% include ui/input-selectgroup.html name="header-color" values="light,dark" type="radio" class="w-100p" %}
                </div>
-               <div class="form-group">
-                  <label class="form-label">Header fixed</label>
-                  {% include ui/input-selectgroup.html name="header-fixed" values="fixed,default" type="radio" class="w-100p" %}
-               </div>
+               <!--<div class="form-group">-->
+                  <!--<label class="form-label">Header fixed</label>-->
+                  <!--{% include ui/input-selectgroup.html name="header-fixed" values="fixed,default" type="radio" class="w-100p" %}-->
+               <!--</div>-->
                <div class="form-group">
                   <label class="form-label">Sidebar position</label>
                   {% include ui/input-selectgroup.html name="sidebar-position" values="left,right" type="radio" class="w-100p" %}

scss/layout/_navbar.scss

@@ -205,7 +205,7 @@ Sidebar
 /*
 Fixed navbar
  */
-.navbar-side {
+.navbar-fixed {
   position: fixed;
   top: 0;
   bottom: 0;