Skip to content
GitLab

Navbar improvements: dropdown support, margin/padding variables for navbar items, calculated spacer for body for fixed navbars

Closed Administrator requested to merge github/fork/Mevrael/patch-4 into v4-dev

Created by: Mevrael

Fixes: #17532 (closed): Dropdowns in navbar navs? from #18467 (closed)

  1. Padding in navbar removed to allow bg color on :hover on nav-item. Margin in nav-item now can be used instead.
  2. Added padding and margin to navbar nav-items configurable via 4 new variables:
    • $navbar-item-padding-y: 0.5rem;
    • $navbar-item-padding-x: 1rem;
    • $navbar-item-margin-y: 0;
    • $navbar-item-margin-x: 0;
  3. Fixed navbar-brand to position correctly
  4. Added dropdown support in navbar.
  5. Added example navbar-dropdown with bg-inverse, right align and fixed navbar.
  6. Added two new classes for body to add calculated margin if fixed navbar used:
    • .body-navbar-top-spacer
    • .body-navbar-bottom-spacer