Forráskód Böngészése

:bug: fix for minor issue

Daniel 3 éve
szülő
commit
e0265b0e91
4 módosított fájl, 14 hozzáadás és 9 törlés
  1. 2 2
      src/index.html
  2. 3 2
      src/partials/dashboard/_topbar.html
  3. 2 2
      src/scss/_wrapper.scss
  4. 7 3
      src/ts/push-menu.ts

+ 2 - 2
src/index.html

@@ -106,7 +106,7 @@
             <!-- Main row -->
             <section class="row">
               <!-- Start col -->
-              <section class="col-lg-7">
+              <div class="col-lg-7">
                 <!-- Custom tabs (Charts with tabs)-->
                 <div class="card">
                   <div class="card-header">
@@ -341,7 +341,7 @@
                   <!-- /.card-footer-->
                 </div>
                 <!--/.direct-chat -->
-              </section>
+              </div>
               <!-- /.Start col -->
             </section>
             <!-- /.row (main row) -->

+ 3 - 2
src/partials/dashboard/_topbar.html

@@ -151,7 +151,8 @@
           </li>
         </ul>
       </li>
-      <li class="nav-item">
+      <!-- TODO tackel in v4.1 -->
+      <!-- <li class="nav-item">
         <a class="nav-link" data-widget="fullscreen" href="#" role="button">
           <i class="fas fa-expand-arrows-alt"></i>
         </a>
@@ -160,7 +161,7 @@
         <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
           <i class="fas fa-th-large"></i>
         </a>
-      </li>
+      </li> -->
     </ul>
   </div>
 </nav>

+ 2 - 2
src/scss/_wrapper.scss

@@ -12,7 +12,7 @@
     "main-sidebar main-header"
     "main-sidebar content-wrapper"
     "main-sidebar main-footer";
-  grid-template-columns: auto 1fr;
-  grid-template-rows: auto 1fr auto;
+  grid-template-columns: auto minmax(100%, max-content);
+  grid-template-rows: min-content 100% min-content;
   min-height: 100vh;
 }

+ 7 - 3
src/ts/push-menu.ts

@@ -130,11 +130,15 @@ class PushMenu {
 
   addSidebaBreakPoint(): void {
     const bodyClass = document.body.classList
-    const widthOutput: number = window.innerWidth
+    const widthOutput = window.innerWidth
+
+    if (widthOutput < Defaults.onLayouMobile) {
+      bodyClass.add(CLASS_NAME_LAYOUT_MOBILE)
+    }
+
     if (widthOutput >= Defaults.onLayouMobile) {
       bodyClass.remove(CLASS_NAME_LAYOUT_MOBILE)
-    } else {
-      bodyClass.add(CLASS_NAME_LAYOUT_MOBILE)
+      this.expand()
     }
   }