search

osu-atri / osu-dictionary

A simple "dictionary" for osu! enthusiasts
https://osu-atri.github.io/osu-dictionary/
MIT License
0 stars 1 forks source link

New navbar visual design #30

Closed NaughtyChas closed 2 months ago

NaughtyChas commented 2 months ago

It's a draft.

Parameters needs to be adjusted if this concept is accepted from other reviewers.

CloneWith commented 2 months ago

don't know why in mobile view, the navbar is stuck with the topbar. will investigate later

topbar on mobile view

CloneWith commented 2 months ago

don't know why in mobile view, the navbar is stuck with the topbar. will investigate later

found a funny fact: when we use bottom=auto on navbar-sidebar, we can get a seemingly nice flexible bar (X

bottom is auto

  .navbar-sidebar {
    bottom: auto;
  }
NaughtyChas commented 2 months ago

don't know why in mobile view, the navbar is stuck with the topbar. will investigate later

found a funny fact: when we use bottom=auto on navbar-sidebar, we can get a seemingly nice flexible bar (X

bottom is auto

  .navbar-sidebar {
    bottom: auto;
  }

Reviewed. Without bottom: auto; for .navbar-sidebar will cause some strange viewfield cropping issue:

Before After
image image

...which can be addressed by adding this code snippet to the CSS. Thanks for the feedback!