Resolve "Navigation overlay functions are not visible"
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) | ![]() |
![]() |
Desktop (Default) | ![]() |
![]() |
Mobile (Basket) | ![]() |
![]() |
Desktop (Basket) | ![]() |
![]() |
Mobile (Messages) | ![]() |
![]() |
Desktop (Messages) | ![]() |
![]() |
Includes
-
Adding empty states to Regions
,Baskets
,Bells
,Messages
andStores
-
Uses the slot action
to add actions instead ofslot 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 abadge
on each item
How confident are you it won't break things if deployed?
How to test
- Checkout branch locally
- Login as foodsaver
- ...
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