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

release/v1.15
EpicCoder 2019-01-30 01:45:08 +01:00 committed by techknowlogick
parent 16678f5255
commit a967cf9e99
3 changed files with 10 additions and 8 deletions

File diff suppressed because one or more lines are too long

View File

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

View File

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