Skip to content

Resolve "Navigation overlay functions are not visible"

MS requested to merge 1234-navigation-overlay-functions-are-not-visible into master

Closes #1234 (closed)

What does this MR do?

The Dropdown elements are now unified, means the look of interactions is identical, and menu actions are no longer hidden on long lists.

Screenshots
Before After
Mobile (Default) m_default n_m_default
Desktop (Default) d_default n_d_default
Mobile (Basket) m_basket n_m_basket
Desktop (Basket) d_basket n_d_basket
Mobile (Messages) m_msg n_m_msg
Desktop (Messages) d_msg n_d_msg

Includes

  • Adding empty states to Regions, Baskets, Bells, Messages and Stores
  • Uses the slot action to add actions instead of slot content
  • Adjusted color and height of the top bar
  • Visually all actions now identical – no more big green buttons
  • User menu – adjusted with dividers
  • !2188 (merged), prevent of showing numbers higher than 99 and shows them as 99+
  • Removed dropdown arrow down hints
  • Increased item width to 40px to get more space between each element (badge caused)
  • Moved search and profile into the expandable menu
  • Added slot badge to show a badge on each item

How confident are you it won't break things if deployed?

👍

How to test

  1. Checkout branch locally
  2. Login as foodsaver
  3. ...

Checklist

  • added a test, or explain why one is not needed/possible...
  • no unrelated changes
  • asked someone for a code review
  • set a "for:" label to indicate who will be affected by this change
  • added to the next milestone (see https://gitlab.com/foodsharing-dev/foodsharing/-/milestones, unless it has a "for:Dev" label)
  • added an entry to CHANGELOG.md
  • added a short text that can be used in the release notes
  • Once your MR has been merged, you are responsible to create a testing issue in the Beta Testing forum: https://foodsharing.de/?page=bezirk&bid=734&sub=forum. Please change the MRs label to "state:Beta testing".
    • Consider writing a detailed description in German.
    • Describe in a few sentences, what should be tested from a user perspective.
    • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
    • Be aware, that also non technical people should understand.

Release notes text in German

Die Navigation wurde optisch angeglichen, d. h. Funktionen sehen jetzt überall gleich aus und sind immer sichtbar. Auch wurde die Navigation für Smartphones etwas angepasst und ist jetzt weniger kleinteilig, zum Nachteil der Bezirke und Gruppen, diese sind am Smartphone nur noch über das Dashboard erreichbar.

Beta testing text in German

Da Funktionen verschoben wurden, spielt die gewohnten täglichen Bedienroutinen ab und schaut, ob alles funktioniert wie gewohnt.

Edited by MS

Merge request reports