Page MenuHome

UI: Layout changes for new checkbox layout possibilities
ClosedPublic

Authored by Julian Eisel (Severin) on Apr 14 2020, 7:24 PM.

Details

Summary

Follow-up to D7427.

Here are various examples of before/after layouts:

We use column or row headings here to bring more structure, and to give the eye visual anchors which aid eye-scanning. The left-aligned checkboxes likewise help with this. And we keep the adherence to the center line, so the alignment matches up between the various buttons and controls.

Main changes:

  • Changes the property split percentage from 50/50% to 40/60%.

This is needed to give enough space for the checkboxes:

But in most cases this looks better anyway - see Transform panel:

Or here - this split % just fills out the available space more efficiently:

  • Fix various hacks where we previously used manually defined splits. When we did this, the alignment was never quite right, and the layout code was a mess.

Before:

After:

Before:

After:

  • Adds column headings to many places where a list of checkboxes all share a common purpose or leading text:


  • Add checkbox + value configurations various places where a checkbox only serves to enable the value slider:


  • Removes most uses of grid flow layout. The grid flow layouts combine poorly with column headings, and also they would mess alignment up badly. The grid flow layouts also often made buttons and controls jump around on the screen if you would just resize editors slightly, causing visual confusion, making users lose their place. The logic for at what time the list of items would re-flow was often flawed, jumping to multiple columns too fast or too late - and frankly, the grid flow layouts would often just look bad.

Before:

After:

Before:

After:

Before:

After:


Most changes here are by @William Reynish (billreynish).

Diff Detail

Repository
rB Blender
Branch
temp-checkbox-layout-tweaks-apply (branched from master)
Build Status
Buildable 7579
Build 7579: arc lint + arc unit

Event Timeline

Julian Eisel (Severin) requested review of this revision.Apr 14 2020, 7:24 PM
Julian Eisel (Severin) created this revision.
This revision is now accepted and ready to land.Apr 15 2020, 10:20 PM

Thank you for working on this Julian! You're awesome! <3

Credits for this patch go almost fully to @William Reynish (billreynish), he did all the boring work, my part was D7427 ;)
(You should probably commandeer the patch @William Reynish (billreynish).)