PD75 / practical-startpage

Flexible start page that makes your data available in a single view.
http://pd75.github.io/#/practical-startpage
MIT License
21 stars 8 forks source link

Solution to Immobilise Bottom Bar & Fix Column Height #122

Open IIsi50MHz opened 4 years ago

IIsi50MHz commented 4 years ago

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