[
http://jira.magnolia-cms.com/browse/MGNLUI-100?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Andreas Weder updated MGNLUI-100:
---------------------------------
Description:
In all apps I've visited, the column title and the values in the rows below are
not properly vertically aligned. The title should be aligned with the icon in
the list, with a possible arrow from trees being on the left of that combo.
The *visual design rules are as follows*:
- column headers are left-aligned (I think that's the case everywhere)
- column values are left-aligned as well, if they consist of either only text
or of an icon plus some text
- column values are centered if icons are used to represent them. Examples are
the "Status" column in the page tree and the "Type" column in the messages list
(see attached screen shot)
- if a column shows a tree and thus every row contains icons and text as well
as open and close arrows:
-- the arrows should to to the left of the column header
-- an optional icon and the non-optional :-) text should be left-aligned with
the header (see attachment)
BTW: I know that _not all screens in the style guide are accurate_ in this
regard; sometimes, the icons a left-aligned, sometimes the trees in column are
off as well. The above is the visual idea that should be followed.
was:
Currently, the column headers and their values in the column below are not
always properly aligned.
The *visual design rules are as follows*:
- column headers are left-aligned (I think that's the case everywhere)
- column values are left-aligned as well, if they are merely text (dates,
titles, names, ...)
- column values are centered, if they are icons, e.g. in Status if the page
tree or the Type column in the messages list (see attached screen shot)
- if a column also visualizes a tree (it thus contains labels as well as opened
and closed arrows):
-- the arrows should to to the left of the column header
-- an optional icon and the non-optional :-) text should be left-aligned with
the header (see attachment)
- a check box in a header should be aligned with its sibling checkboxes in the
column below
I know that _not all screens in the style guide are accurate_ in this regard;
sometimes, the icons a left-aligned, sometimes the trees in column are off as
well. The above is the visual idea that should be followed.
Updated issue with up-to-date info - some additional screen shots follow.
> Fix alignment of column headers and values in lists and trees
> -------------------------------------------------------------
>
> Key: MGNLUI-100
> URL: http://jira.magnolia-cms.com/browse/MGNLUI-100
> Project: Magnolia UI
> Issue Type: Sub-task
> Security Level: Public
> Components: design, tree/list
> Affects Versions: 5.0 Alpha1
> Reporter: Andreas Weder
> Priority: Major
> Fix For: 5.0 Alpha2 s011
>
> Attachments: Bildschirmfoto 2012-10-25 um 15.29.53.png,
> Bildschirmfoto 2012-10-25 um 15.33.03.png
>
>
> In all apps I've visited, the column title and the values in the rows below
> are not properly vertically aligned. The title should be aligned with the
> icon in the list, with a possible arrow from trees being on the left of that
> combo.
> The *visual design rules are as follows*:
> - column headers are left-aligned (I think that's the case everywhere)
> - column values are left-aligned as well, if they consist of either only text
> or of an icon plus some text
> - column values are centered if icons are used to represent them. Examples
> are the "Status" column in the page tree and the "Type" column in the
> messages list (see attached screen shot)
> - if a column shows a tree and thus every row contains icons and text as well
> as open and close arrows:
> -- the arrows should to to the left of the column header
> -- an optional icon and the non-optional :-) text should be left-aligned with
> the header (see attachment)
> BTW: I know that _not all screens in the style guide are accurate_ in this
> regard; sometimes, the icons a left-aligned, sometimes the trees in column
> are off as well. The above is the visual idea that should be followed.
--
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]>
----------------------------------------------------------------
