Skip to content

Improve UX of main toolbar #3678

@halirutan

Description

@halirutan

Not a pressing matter, but we should at some point take care of this. At the moment, the current main toolbar looks like this on Ubuntu

img

Several things are noteworthy:

  1. The horizontal lines under the icons don't match. Left and right from the search they have a different hight
  2. The separators between icon-groups are not of the same size left and right from the search bar
  3. When using the global search, the number of found hits is displayed. This label uses a different font and is not readable. See image here
  4. On our way to migrating everything to JavaFX, the background colors should be made consistent.

I have hacked a fix to test some things by (1) removing the borderlines completely and make the whole toolbar having a border, (2) separating visually everything that is part of the global search, (3) fixing background color. This gives IMO a much clearer view:

new Toolbar

I believe we should take care of this when we migrate the toolbar to FX. Additionally, I have seen that the "Material Icons" we use, provide a template that lets you create your own icons. I think we (I guess this would be my turn) should think about creating nice icons for the "Push to Application" button to make them fit into our overall design. I'm sure I can do this while making the icons still recognizable.

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions