Conversation
5ba02ae to
f7ee52c
Compare
3896c01 to
4eff73b
Compare
…e 'top_controls' and 'page' stack on top of each other beside left-menu
- changing UI of search bar based on spec - transferring the css that controls 'looks' into QuickAccess.vue
- fix screenshot issue
- updating TagManager - fixing for multi-line menu items - update based on feedback
9774455 to
31ad0f3
Compare
There was a problem hiding this comment.
We have made the left menu span the whole height of the page this is why the new menu is really long on this page (Manage Plugins)
There was a problem hiding this comment.
Search menu is no longer here since we transferred it on the left side menu
31ad0f3 to
395644c
Compare
ca7e75a to
f28f840
Compare
There was a problem hiding this comment.
We also made the search results dropdown scrollable so that we do not get a very long search result dropdown
| <div class="layoutWithSidebarContent"> | ||
| <div class="top_controls"> | ||
| {% if hideQuickAccess is not defined or not hideQuickAccess %} | ||
| <div class="quickAccessPlaceholder" aria-hidden="true"></div> |
There was a problem hiding this comment.
Needed to add this 'placeholder' here because when I removed the QuickAccess Component, it had a weird issue in the PeriodSelector screenshot went a bit off. I tried w/codex to fix this, but was not really successful and I did not want to spend too much time on this as the UI is still changing a lot.
I'll try to figure this out more when the UI tweaks have settled down.
We will not merge this issue until all other UI Tweaks are done |
Description
DEV-19960
We want to tweak our left menu so that it looks better.
We also wanted to move the search bar (QuickAccess) into the left menu instead of it inside our top_controls.
For this, we also changed the structure so that our left menu, is outside of the
pageelement and into its own so that we can make this move to the top, just under the main header (logo).Checklist
Review