UI: sidebar tabs look for region overlap editors #93055

New Issue

Alessio Monti di Sopra · 2021-11-13T13:26:36+01:00

2021-11-13 13:26:36 +01:00

For 3.0 we now have panels thinner than the area in which they are drawn.
While this looks nice in most situations it's not the case for the category tabs in editors where region overlap is active, where they look arguably worse than before since there is now a visible gap between them and the panels.

This is he current look in 3.0 (left is 3D viewport which has region overlap on, right is node editor which doesn't):

These are some short-term possible solutions that I've tried, but there might be others:

Draw all the tabs fully rounded and change the theme accordingly:
- Possible theme change A

  {F11800641}

Possible theme change B

  {F11800643}

Force no background and fully rounded tabs for overlap regions, keep the current look for the other ones (this doesn't require theme changes) P2595:
Mix between 1 and 2, fully rounded tabs for all the editors and completely remove tab_background from the theme options (would probably require updates to the themes)
Restore 2.93 look with full width panels for overlap region, keep the current look for the other ones D12971:

While all the options proposed have their disadvantages, I'd personally go for option 2, until a better solution is found for the future.
IMHO it looks fairly nice, it's not intrusive code-wise, and it doesn't require changes to any of the default or community themes, so it could be applied to 3.0 without further complications.

For 3.0 we now have panels thinner than the area in which they are drawn. While this looks nice in most situations it's not the case for the category tabs in editors where region overlap is active, where they look arguably worse than before since there is now a visible gap between them and the panels. This is he current look in 3.0 *(left is 3D viewport which has region overlap on, right is node editor which doesn't)*: ![current.png](https://archive.blender.org/developer/F11800636/current.png) --- These are some short-term possible solutions that I've tried, but there might be others: 1. Draw all the tabs fully rounded and change the theme accordingly: * Possible theme change A ``` {F11800641} ``` * Possible theme change B ``` {F11800643} ``` 2. Force no background and fully rounded tabs for overlap regions, keep the current look for the other ones *(this doesn't require theme changes)* [P2595](https://archive.blender.org/developer/P2595.txt): ![2.png](https://archive.blender.org/developer/F11800648/2.png) 3. Mix between 1 and 2, fully rounded tabs for all the editors and completely remove `tab_background` from the theme options *(would probably require updates to the themes)* 4. Restore 2.93 look with full width panels for overlap region, keep the current look for the other ones [D12971](https://archive.blender.org/developer/D12971): ![3.png](https://archive.blender.org/developer/F11800655/3.png) --- While all the options proposed have their disadvantages, I'd personally go for option 2, until a better solution is found for the future. IMHO it looks fairly nice, it's not intrusive code-wise, and it doesn't require changes to any of the default or community themes, so it could be applied to 3.0 without further complications.

Alessio Monti di Sopra commented

2021-11-13 13:26:36 +01:00

Added subscribers: @a.monti, @pablovazquez, @HooglyBoogly, @JulianEisel, @WilliamReynish