[
http://jira.magnolia-cms.com/browse/MGNLUI-205?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Andreas Weder updated MGNLUI-205:
---------------------------------
Release notes required: [Yes]
If this is resolved, we should add this to the release notes.
> Adapt bars in page editor to match new design
> ---------------------------------------------
>
> Key: MGNLUI-205
> URL: http://jira.magnolia-cms.com/browse/MGNLUI-205
> Project: Magnolia UI
> Issue Type: Improvement
> Security Level: Public
> Components: design, page editor
> Reporter: Andreas Weder
> Priority: Critical
> Fix For: 5.0 Alpha2 s011
>
> Attachments: Colors Page editor.png
>
>
> We've defined new colors and a small form change for the bars in the page
> editor. Please implement these changes so that the editor matches the rest of
> the visual design by the time we release Alpha 1.
> In essence the *changes in form* are:
> * we'll eventually use a different, more apparent _form_ to distinguish areas
> from components. We no longer use two greens for that.
> * *for now* just take away the rounded corners from area bars, but stick with
> the thicker bar at the top, the thinner bar at the bottom.
> * So don't implement the white arrow as shown in the attached screen shot.
> The *changes in color* are:
> * the dark green marks the currently selected element
> * its _direct_ children are marked green. With "direct children" I mean
> children on the next hierarchy level _only_.
> * its sibling bars (any bars on the same level) and its parent bar are light
> green.
> * all other visible elements are light gray
> The *idea behind the new color scheme* is:
> * we use less actual colors, but merely shades of green. The selection color
> in the page editor is the Magnolia typical dark green.
> * we use shades of green to mark the current edit focus, with the dark green
> clearly marking the currently selected element.
> * its children are marked with a less strong green to explain what the
> selected element contains. This helps to read the context inside the selected
> element.
> * the bars the currently selected element finds itself in is indicated with a
> light green. This helps to read the context above the selected element, which
> is useful to understand where I could move the element to.
> * all other visible elements are visible, but not colored (light gray)
> I'll post some additional explanations and images illustrating them on a wiki
> page. I plan to not do this now, but if it helps, I can do that earlier.
--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators:
http://jira.magnolia-cms.com/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira
----------------------------------------------------------------
For list details, see: http://www.magnolia-cms.com/community/mailing-lists.html
Alternatively, use our forums: http://forum.magnolia-cms.com/
To unsubscribe, E-mail to: <[email protected]>
----------------------------------------------------------------
