The new concept of Area edit bars and the demise of the New bar requires some changes to how edit bars look and behave.
The current problems are:
- a single component area is represented by only one (area) edit bar, which reduces visual noise, but also requires tricks and special handling of buttons
- the overall appearance is inconsistent (e.g. the "edit" button is on the right side for areas, on the left for "components")
- bars are sometimes rendered before their elements, sometimes below (breadcrumb) or above it (page edit bar). Apart from inconsistencies, this may cover clickable content.
- button names are long ("edit component", "add component")
- buttons could be labeled more consistently and in-line with current Magnolia (e.g. using the "New" for adding a component).
- bars of areas, especially of top-level areas, seem to be frequently "in the way" in the sense that you have to show them although they are only of reduced interest to a typical editor
In addition, we can already prepare for Magnolia 5 by introducing some changes now (e.g. moving the "edit" button on the right and using a different color for area edit bars).
This issue basically introduces the following main changes:
- all area edit bars work the same, whether they have no, one or n components
- all edit bars except top-level area bars are rendered in-line and non transparent
- non-editable area bars are rendered using a reduced bar
- top-level area bars are hovering above content and are rendered using a reduced bar
- area edit bars use a color other than light blue
- some consistency changes for button names and positions