sidebar-mini stable now

2 years ago · c84fedbff5
2 changed files with 88 additions and 1 deletions
--- a/src/pages/layout/sidebar-mini.html
+++ b/src/pages/layout/sidebar-mini.html
@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    @@include('./_head.html', {
+      "path": "../..",
+      "title": "AdminLTE 4 | Sidebar Mini"
+    })
+  </head>
+  <body class="layout-fixed bg-body-tertiary sidebar-mini sidebar-collapse">
+    <div class="wrapper">
+      @@include('./dashboard/_topbar.html', {
+        "path": "../.."
+      })
+
+      @@include('./dashboard/_sidenav.html', {
+        "mainPage": "layout",
+        "page": "sidebar-mini",
+        "path": "../.."
+      })
+      <!-- Main content -->
+      <main class="content-wrapper">
+        <div class="content-header">
+          <div class="container-fluid">
+            <div class="row mb-2">
+              <div class="col-sm-6">
+                <h3>Sidebar Mini</h3>
+              </div>
+              <div class="col-sm-6">
+                <ol class="breadcrumb float-sm-end">
+                  <li class="breadcrumb-item"><a href="#">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Sidebar Mini</li>
+                </ol>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Main content -->
+        <div class="content">
+          <div class="container-fluid">
+            <div class="row">
+              <div class="col-12">
+                <!-- Default box -->
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Title</h3>
+
+                    <div class="card-tools">
+                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
+                        <i class="fa-solid fa-minus"></i>
+                      </button>
+                      <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
+                        <i class="fa-solid fa-times"></i>
+                      </button>
+                    </div>
+                  </div>
+                  <div class="card-body">
+                    Start creating your amazing application!
+                  </div>
+                  <!-- /.card-body -->
+                  <div class="card-footer">
+                    Footer
+                  </div>
+                  <!-- /.card-footer-->
+                </div>
+                <!-- /.card -->
+              </div>
+            </div>
+            <!-- /.row -->
+          </div><!-- /.container-fluid -->
+        </div>
+        <!-- /.content -->
+      </main>
+      <!-- /.content-wrapper -->
+
+      @@include('./dashboard/_footer.html', {
+        "path": "../.."
+      })
+    </div>
+    <!--  ./wrapper -->
+
+    @@include('./_scripts.html', {
+      "path": "../.."
+    })
+  </body>
+</html>
--- a/src/ts/push-menu.ts
+++ b/src/ts/push-menu.ts
@ -155,7 +155,9 @@ class PushMenu {

    if (widthOutput >= Defaults.onLayouMobile) {
      bodyClass.remove(CLASS_NAME_LAYOUT_MOBILE)
-      this.expand()
+      if (!bodyClass.contains(CLASS_NAME_SIDEBAR_MINI)) {
+        this.expand()
+      }
    }
  }