practical-startpage
practical-startpage copied to clipboard
Solution to Immobilise Bottom Bar & Fix Column Height
I suspect the bottom bar was intended to:
- Stay at the bottom without moving.
- Not appear on top of content.
Here are some crude CSS hacks to fix it.
========== Immobilise Bottom Bar ==========
.menu.row .column .ui.inverted.menu {
position: fixed;
bottom: 1rem;
border: 0 solid transparent;
background: #000;
box-shadow: none;
left: 1rem;
right: 1rem;
}
========== Prevent Content From Going Under ==========
.main.row>.column {
max-height: calc(100vh - 6rem);
display: flex!important;
flex-direction: column;
}
See also: Issue #121