github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

sidebar-mini stable now

pull/4889/head
Daniel 2023-02-06 21:18:45 +05:30
parent a5a1463237
commit c84fedbff5
2 changed files with 88 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
src/pages/layout/sidebar-mini.html Normal file
View File

@ -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>

4
src/ts/push-menu.ts
View File

@ -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()
}
}
}