Skip to content

Draft: Navigation Revamp 2.0

MS requested to merge navigation-overhaul-2-but-it-is-only-testing into master





THIS IS A DEAD MERGE REQUEST!

Because bootstrap uses jquery which collides and BREAKS the quiz and chat

IF YOU WANT SOME OBJECTS OF THIS MERGE REQUEST, EXTRACT THEM AND GENERATE A SEPARATE NEW ONE.






What does this MR do?

This is a complete overhaul of the navigation. But currently it is only in a “TEST” state.

The plan is, to remove so much bootstrap-vue as possible from the navigation elements and improving the overall look.

  • Basic look improved
  • Replaced most of the bootstrap-vue components in the navigation (except the collapse, it does not work as intended in vanilla)
  • Color set improved (100-900) and replaced all old ones (“hopefully”)
  • All links should be now unified (“hopefully”) also disabled Inputfields
  • Added a Style Guide MetaNav entry on dev/beta (But need a bit more work)
  • Replaced BecomeBezirk with JoinRegionModal (Closes #874 (closed), #875 also removed all workingroups from the frontend)
  • Sorted and cleaned some URLs in urls.js
  • Added some new Translations (BUT NOT REMOVED THE OLD ONES because I want to avoid breaking something.)
  • Added a global ModalPlaceHolder.vue which is injected by the PageHelper.php
  • Added a shame CSS shame-old-style-corrections which contains style correction like unifying buttons or borders
  • Added and reduced some entries in the external-links file

OPEN TASKS

  • Fixing tests
  • A better style guide theme

Other small fixes

Should Closes #1327 (closed)

Screenshots

Before (PROD) Before (BETA) After
image image image

First 2 rows are the generated colors, the others are from bootstrap or old styles image

image

Edited by MS

Merge request reports