changed content-wrapper calc() from % to vh & added content-wrapp…

…er calc() with collapsed header
hxgonzalez · Jul 10, 2019 · 33ecce7 · 33ecce7
1 parent b90ae59
commit 33ecce7
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 5 deletions.
diff --git a/build/less/core.less b/build/less/core.less
@@ -70,11 +70,17 @@ body {
 }
 
 .content-wrapper  {
-  min-height: ~"calc(100% - 102px)";
+  min-height: ~"calc(100vh - 101px)";
   background-color: @content-bg;
   z-index: 800;
 }
 
+@media (max-width: @screen-header-collapse) {
+  .content-wrapper  {
+    min-height: ~"calc(100vh - 151px)";
+  }
+}
+
 .main-footer {
   background: #fff;
   padding: 15px;

diff --git a/dist/css/AdminLTE.css b/dist/css/AdminLTE.css
@@ -87,10 +87,15 @@ body {
   }
 }
 .content-wrapper {
-  min-height: calc(100% - 102px);
+  min-height: calc(100vh - 101px);
   background-color: #ecf0f5;
   z-index: 800;
 }
+@media (max-width: 767px) {
+  .content-wrapper {
+    min-height: calc(100vh - 151px);
+  }
+}
 .main-footer {
   background: #fff;
   padding: 15px;

diff --git a/dist/css/AdminLTE.min.css b/dist/css/AdminLTE.min.css
diff --git a/dist/css/alt/AdminLTE-without-plugins.css b/dist/css/alt/AdminLTE-without-plugins.css
@@ -88,10 +88,15 @@ body {
   }
 }
 .content-wrapper {
-  min-height: calc(100% - 102px);
+  min-height: calc(100vh - 101px);
   background-color: #ecf0f5;
   z-index: 800;
 }
+@media (max-width: 767px) {
+  .content-wrapper {
+    min-height: calc(100vh - 151px);
+  }
+}
 .main-footer {
   background: #fff;
   padding: 15px;

diff --git a/dist/css/alt/AdminLTE-without-plugins.min.css b/dist/css/alt/AdminLTE-without-plugins.min.css