practical-startpage icon indicating copy to clipboard operation
practical-startpage copied to clipboard

Solution to Immobilise Bottom Bar & Fix Column Height

Open IIsi50MHz opened this issue 4 years ago • 0 comments

I suspect the bottom bar was intended to:

  1. Stay at the bottom without moving.
  2. 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

IIsi50MHz avatar May 29 '20 18:05 IIsi50MHz