In Apostrophe 2.20.2, we’ve made just one change, but it makes a big difference for your users and makes it easier to create contextual editing experiences with nested widgets.
We’ve changed from this:
To this:
Moving the edit button into the widget controls at the top greatly reduces clutter especially when many widgets are close to one another.
A little bit of a deeper dive on the design decision here:
Apostrophe’s interface has always been lead by design-driven decisions and one of the trickier parts of an in-context editing interface is balancing content editing controls with the administrator’s actual website. Succeeding in this gives the editor a powerful, seamless editing experience and helps fulfill one of Apostrophe’s core tenants: the tool should get out of the way and let the editor stay on task.
In this UI enhancement we have consolidated a widget’s Edit button with its positioning controls to make a single piece of chrome that sits in the top left corner of the widget, where the Edit control previously sat in the bottom left corner. It’s a subtle change that should alleviate issues that have cropped up around vertically short or empty widgets where the buttons would overlap and should be a good experience in out-of-the-box, unstyled Apostrophe sites. The experience feels lighter than before.
This is the first in a series of Apostrophe UI improvements we have planned that either provide better in-context editing experiences or developer options to put controls back in flow where it makes sense. Stay tuned!
