Search bar in top bar

[LukasHirt]

Description

Moved search bar from app bar into top bar

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Technical debt
• Tests

[LukasHirt]

For now, it is built on top of the sidebar PR. After it'll get merged, I'll drop that commit in here.

[LukasHirt]

There is one issue with search on mobile. Since we hide it in the drop, this results in the search being still visible after the search has been finished. However, if we use the closeOnClick then it works if we execute the search by clicking on the search button but it also hides it if we click only into the input. And of course, if the search is executed via keyboard then the result is the same as in the beginning.

It's times like these I really wish for having drop with a simple v-if instead of the UIkit one...

[LukasHirt]

Fixed the selector in tests for loading spinner in the search bar. Tests are now passing locally. Also, I've hidden the top bar in public links on wider screens because they had no content there

[LukasHirt]

Ok, one more change - hidden top bar and sidebar in public pages. Top bar because there is no element which could be used (opened a ticket to make search work in public links #3521) and sidebar because there are no nav items (opened a ticket for branding in such case #3520)

[LukasHirt]

Tests are green. Pls review @PVince81 @kulmann

[kulmann]

Only two small comments. Looks cool in the topbar! I have two things about the searchbar itself, but will raise that feedback in ODS where it belongs.

[LukasHirt]

@kulmann Label translated with message "Open search bar" and search reset when hitting enter added.