Fix footer (#1095)

simplcommerce · Mar 21, 2024 · 930a233 · 930a233
1 parent 70fbd80
commit 930a233
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 7 deletions.
diff --git a/src/Modules/SimplCommerce.Module.Core/Areas/Core/Views/HomeAdmin/Index.cshtml b/src/Modules/SimplCommerce.Module.Core/Areas/Core/Views/HomeAdmin/Index.cshtml
@@ -238,8 +238,8 @@
         </div>
     </div>
 
-    <div class="container-fluid body-content">
-        <div ui-view></div>
+    <div class="container-fluid body-content body-content-custom">
+        <div class="ui-view-content" ui-view></div>
         <hr />
         <footer>
             <p class="pull-left">&copy; @DateTime.Now.Year - SimplCommerce</p>

diff --git a/src/Modules/SimplCommerce.Module.Core/wwwroot/admin/admin-core.css b/src/Modules/SimplCommerce.Module.Core/wwwroot/admin/admin-core.css
@@ -1,5 +1,7 @@
 body {
-    height: auto;
+    height: 100%;
+    display:flex;
+    flex-direction: column;
 }
 
 .inline {
@@ -208,4 +210,15 @@ td>span.glyphicon-remove {
 .btn-translate {
     margin-right: 3px;
 }
-
+
+.body-content-custom {
+    width: 100% !important;
+    margin: 0 !important;
+    flex: 1;
+    display: flex;
+    flex-direction:column;
+}
+
+.ui-view-content {
+    flex: 1;
+}
diff --git a/src/Modules/SimplCommerce.Module.Core/wwwroot/site.css b/src/Modules/SimplCommerce.Module.Core/wwwroot/site.css
@@ -1,4 +1,14 @@
 /* Set widths on the form inputs since otherwise they're 100% wide */
+html {
+    height: 100%;
+}
+
+body {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
 input,
 select,
 textarea {
@@ -143,6 +153,7 @@ li.nav-item-group, li.nav-item-group a {
 }
 
 .footer-content {
+    padding-top: 20px;
     margin-top: 30px;
     background-color: #eee;
 }

diff --git a/src/SimplCommerce.WebHost/Themes/CozaStore/Views/Shared/_Layout.cshtml b/src/SimplCommerce.WebHost/Themes/CozaStore/Views/Shared/_Layout.cshtml
@@ -117,7 +117,7 @@
 
     @RenderSection("featured", false)
 
-    <div class="container body-content clearfix">
+    <div class="container body-content clearfix flex-grow-1">
         @RenderBody()
     </div>
     <!-- Footer -->

diff --git a/src/SimplCommerce.WebHost/Themes/SampleTheme/Views/Shared/_Layout.cshtml b/src/SimplCommerce.WebHost/Themes/SampleTheme/Views/Shared/_Layout.cshtml
@@ -60,7 +60,7 @@
             </div>
         </div>
     </div>
-    <div class="container body-content">
+    <div class="container body-content flex-grow-1">
         @RenderBody()
     </div>
     <div class="footer-content">

diff --git a/src/SimplCommerce.WebHost/Views/Shared/_Layout.cshtml b/src/SimplCommerce.WebHost/Views/Shared/_Layout.cshtml
@@ -54,7 +54,7 @@
         </div>
     </div>
     <partial name="_CookieConsentPartial" />
-    <div class="container body-content clearfix">
+    <div class="container body-content clearfix flex-grow-1">
         @RenderBody()
     </div>
     <div class="footer-content">