Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-24 02:38:15 +04:00
Code Issues Projects Releases Wiki Activity

layout fixes

Browse Source
This commit is contained in:
codecalm
2019-07-08 22:33:29 +02:00
parent 9541d21c48
commit 50cd04c4ce
4 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/demo.js
View File

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

2
pages/_layouts/default.html
View File

@@ -2,7 +2,7 @@
layout: base 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 %} {% 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"> <div class="layout-main d-flex flex-column flex-fill max-w-full">

8
pages/customize.html
View File

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

2
scss/layout/_navbar.scss
View File

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