[
http://jira.magnolia-cms.com/browse/MGNLUI-205?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Andreas Weder updated MGNLUI-205:
---------------------------------
Description:
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.
was:
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.
The following changes have to be implemented:
- use new colors for all bars and the currently selected bar
- slights change the form of the area bars:
** remove the rounded edges
** ensure the height of the top and the bottom bar is as designed
Changed description to contain what is to do.
> 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 Alpha1 s010
>
> 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]>
----------------------------------------------------------------
