Uploaded image for project: 'Magnolia'
  1. Magnolia
  2. MAGNOLIA-4308

Improve handling and look of Page, Area and Component edit bars

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 4.5
    • Component/s: page editor
    • Labels:
      None
    • Magnolia Release:
      4.5

      Description

      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

        Attachments

          Activity

            People

            Assignee:
            Unassigned Unassigned
            Reporter:
            weder Andreas Weder
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Date of First Response: