[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Evzen Fochr updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Evzen Fochr Fix Version/s: 5.4.12 Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment.h2. Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*.h4. Closed selector !Styleguide.closed-box.png|thumbnail! - Set the left margin to approx.16px. The goal should be to *left-align the combobox value with the dialog and tab titles*.- Choose the *dark green color palette for the value*: text color <31>, hover color <32>.The hover color only needs to slightly tint the base text color. It's about giving visual feedback, not about readability or good contrast.h4. Open selector !Styleguide.open *Positioning* - *Open the box above (not below) the selected value*, at the approx . sizes same position as the value itself . png|thumbnail! *Padding and widths*- Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- Set *left + right* inner paddings to *10px* (includes the 1px border).- Set *top + bottom* inner paddings to *8px* (includes the 1px border). *Positioning*- *Open the box above (not below) the selected value*, at the approx. same position as the value itself. !Styleguide.open-box. colors sizes .png|thumbnail! !Styleguide.open-box.fonts.png|thumbnail!*Colors and fonts*- Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. !Styleguide.open-box.colors.png|thumbnail! !Styleguide.open-box.fonts.png|thumbnail!
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment. h3 h2 . Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*.h4. Closed selector- Set the left margin to approx.16px. The goal should be to *left-align the combobox value with the dialog and tab titles*.- Choose the *dark green color palette for the value*: text color <31>, hover color <32>.The hover color only needs to slightly tint the base text color. It's about giving visual feedback, not about readability or good contrast.h4. Open selector*Padding and widths*- Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- Set *left + right* inner paddings to *10px* (includes the 1px border).- Set *top + bottom* inner paddings to *8px* (includes the 1px border).*Positioning*- *Open the box above (not below) the selected value*, at the approx. same position as the value itself.*Colors and fonts*- Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. Add Comment
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment.h2. Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*.h4. Closed selector !Styleguide.closed - box.png|thumbnail! - Set the left margin to approx.16px. The goal should be to *left-align the combobox value with the dialog and tab titles*.- Choose the *dark green color palette for the value*: text color <31>, hover color <32>.The hover color only needs to slightly tint the base text color. It's about giving visual feedback, not about readability or good contrast.h4. Open selector !Styleguide.open-box.sizes.png|thumbnail! *Padding and widths*- Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- Set *left + right* inner paddings to *10px* (includes the 1px border).- Set *top + bottom* inner paddings to *8px* (includes the 1px border).*Positioning*- *Open the box above (not below) the selected value*, at the approx. same position as the value itself. !Styleguide.open-box.colors.png|thumbnail! !Styleguide.open-box.fonts.png|thumbnail! *Colors and fonts*- Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. Add Comment
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment.h2. Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*.h4. Closed selector !Styleguide.closed-box.png|thumbnail! - Set the left margin to approx.16px. The goal should be to *left-align the combobox value with the dialog and tab titles*.- Choose the *dark green color palette for the value*: text color <31>, hover color <32>.The hover color only needs to slightly tint the base text color. It's about giving visual feedback, not about readability or good contrast.h4. Open selector * h5. Positioning * - *Open the box above (not below) the selected value*, at the approx. same position as the value itself. * h5. Padding and widths * !Styleguide.open - box.sizes.png|thumbnail! - Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- Set *left + right* inner paddings to *10px* (includes the 1px border).- Set *top + bottom* inner paddings to *8px* (includes the 1px border). h5. Colors and fonts !Styleguide.open-box. sizes colors .png|thumbnail! *Colors and !Styleguide.open-box. fonts * .png|thumbnail! - Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. !Styleguide.open-box.colors.png|thumbnail! !Styleguide.open-box.fonts.png|thumbnail!
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment. h3. Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*.*Closed selector*- Set the left margin to approx.16px. The goal should be to left-align the combobox value with the dialog and tab titles.- Choose the dark green color palette for the value: text color <31>, hover color <32>.*Open selector*- Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- *Open the box above (not below) the selected value*, at the approx. same position as the value itself.- Set *left + right* paddings to *10px*.- Set *top + bottom* paddings to *8px*.- Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. Add Comment
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment.h3. Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*. * h4. Closed selector * - Set the left margin to approx.16px. The goal should be to left-align the combobox value with the dialog and tab titles.- Choose the dark green color palette for the value: text color <31>, hover color <32>.*Open selector*- Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- *Open the box above (not below) the selected value*, at the approx. same position as the value itself.- Set *left + right* paddings to *10px*.- Set *top + bottom* paddings to *8px*.- Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. Add Comment
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder The *language switcher in dialogs should be more subtle*. While we may use standard comboboxes with forms, we use a text-only variant in headers, footers and filters. This will improve the overall appearance of dialogs and allows to better align the main buttons and the switcher.Please change the language switcher to:* be a text-only in Magnolia green, followed by an arrow (see attachments)* use our dark grey for text and icon, use white on hover* use the subtle popup for showing the valuesIf creating a popup like this seems like too much off the standard component, let's have a look together. Note that the bottom padding is wrong in the popup shown in the attachment.h3. Visual design for language/variant selectorSo far, we've had mainly comboboxes on green, black and white backgrounds. Here's how *language and variant selector look and work on gray backgrounds and in dialogs*.h4. Closed selector- Set the left margin to approx.16px. The goal should be to * left-align the combobox value with the dialog and tab titles * .- Choose the * dark green color palette for the value * : text color <31>, hover color <32>. * The hover color only needs to slightly tint the base text color. It's about giving visual feedback, not about readability or good contrast.h4. Open selector * Padding and widths* - Ensure a *minimum width of 120px*. There's no minimum height, although the screenshot seems to suggest so.- Set * left + right* inner paddings to *10px* (includes the 1px border).- Set *top + bottom* inner paddings to *8px* (includes the 1px border).*Positioning*- * Open the box above (not below) the selected value*, at the approx. same position as the value itself. - Set *left + right* paddings to *10px*. - Set * top + bottom Colors and fonts * paddings to *8px*. - Background color of the *box is white*, the *border color is <13>*.- *Highlight color is <16>*.- The font is *Verdana regular 12px*, font color is black.The screenshot shows DIN regular, but this doesn't apply here. Add Comment
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder Attachment: Styleguide.closed-box.png Attachment: Styleguide.open-box.colors.png Attachment: Styleguide.open-box.fonts.png Attachment: Styleguide.open-box.sizes.png Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Roman Kovařík updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Roman Kovařík Sprint: Kromeriz 85 86 Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Roman Kovařík updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Roman Kovařík Sprint: Kromeriz 85 Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Evzen Fochr updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Evzen Fochr Fix Version/s: 5.4.12 Fix Version/s: 5.5.3 Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Evzen Fochr updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Evzen Fochr Assignee: Evzen Fochr Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Michael Mühlebach updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Michael Mühlebach Fix Version/s: 5.4.x Add Comment This message was sent by Atlassian JIRA (v7.2.6#72008-sha1:26175bf) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Michael Mühlebach updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Michael Mühlebach Story Points: 8 Add Comment This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4) 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:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder created an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Issue Type: Bug Affects Versions: 5.4.2 Assignee: Unassigned Attachments: 1 Current visual of lang switcher.png, 2 How selectors look and work.png, 3-1 Visual design of selectors.png, 3-2 Visual design of selectors.png Components: design Created: 10/Sep/15 12:01 PM Fix Versions: 5.4.x Labels: ux next visual-design form to-estimate selected-for-backlog Priority: Neutral Reporter: Andreas Weder Security Level:
[magnolia-dev] [JIRA] (MGNLUI-3571) More subtle appearance of language switcher in dialogs
Title: Message Title Andreas Weder updated an issue Magnolia UI / MGNLUI-3571 More subtle appearance of language switcher in dialogs Change By: Andreas Weder Issue Type: Bug Improvement Add Comment This message was sent by Atlassian JIRA (v6.4.11#64026-sha1:78f6ec4) 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: