UI: Correct footer height if screen-width is to small (fixes #5878) (#5889) (#5889)

5 years ago · a967cf9e99
parent 16678f5255
commit a967cf9e99
3 changed files with 10 additions and 8 deletions
--- a/public/css/index.css
+++ b/public/css/index.css
--- a/public/less/_base.less
+++ b/public/less/_base.less
@ -439,14 +439,13 @@ pre, code {
 }

 footer {
-    height: @footer-margin;
+    position: absolute;
    background-color: white;
    border-top: 1px solid #d6d6d6;
    clear: both;
    width: 100%;
    color: #888888;
    .container {
-        padding-top: 10px;
        .fa {
            width: 16px;
            text-align: center;
@ -467,6 +466,12 @@ footer {
        overflow-y: auto;
        margin-bottom: 7px;
    }
+
+    .ui {
+        &.left, &.right {
+            line-height: 40px;
+        }
+    }
 }

 .hide {
--- a/public/less/_home.less
+++ b/public/less/_home.less
@ -49,13 +49,10 @@
 }

 footer {
-	@media only screen and (max-width: 880px) {
-		text-align: center;
-	}
-
 	.ui.container .left, .ui.container .right {
 		@media only screen and (max-width: 880px) {
-			display: inline;
+			display: block;
+			text-align: center;
 			float: none;
 		}
 	}