New Search Bar

Feature Request

Let’s incrementally change our UI. Next stop, move the search bar next of the metrics, so it is immediately obvious to our users where to search for stuff. Next to the search field are three buttons. They behave like tabs and allow us to switch between tree view, hidden items and exclude items. The search bar can also be opened independantly from the metrics.

The search + scenario + metrics bar might become a bit wide. That’s ok. But please also add a helpful little ... or something to the right side of the bar if some elements are hidden.

Please change the symbol in the hide and exclude list that you use to remove something from that list. The users think that the trash can symbol completely removes the excluded or hidden buildings from the cc.json. What if we instead present the user with a regular eye icon on the left side of the hidden/excluded entry? On the left is normally the hide or exclude symbol but that is redundant in the hide/exclude list anyway.

[alexhunziker]

This is what I did based on the discussion on Friday. It is not finished yet (the tripple button needs to be smaller, spacing is not optimal yet, …), but in general this is how it will look like. Do you like it or should we use the floating panel as shown on Friday?

[alexhunziker]

You click into the search field and the field expands so you can see more characters

I will implement it, and then we can see how it looks 😃