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

EpicCoder · techknowlogick · commit a967cf9e9946 · 2019-01-29T19:45:08.000-05:00
diff --git a/public/css/index.css b/public/css/index.css
diff --git 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 {
diff --git 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;
 		}
 	}

Original file line number	Diff line number	Diff line change
`@@ -49,13 +49,10 @@`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`footer {`
`52`		`- @media only screen and (max-width: 880px) {`
`53`		`- text-align: center;`
`54`		`- }`
`55`		`-`
`56`	`52`	`.ui.container .left, .ui.container .right {`
`57`	`53`	`@media only screen and (max-width: 880px) {`
`58`		`- display: inline;`
	`54`	`+ display: block;`
	`55`	`+ text-align: center;`
`59`	`56`	`float: none;`
`60`	`57`	`}`
`61`	`58`	`}`