940211 - Increase min-width of tab-modal prompts to match mockups

Status: RESOLVED INCOMPLETE

(Firefox for Metro Graveyard :: Flyouts, defect)

Description

[Kamil Jozwiak [:kjozwiak]]

Attachment: Alignment Issue

When clearing private data from the "Settings" flyout, the "Clear Private Data" modal window looks really unaligned. Buttons are aligned in the middle but all of the other text is being aligned to the left margin.

- Attached a screenshot to illustrate the issue

Steps to reproduce the issue:

1) Open Firefox Metro
2) Slide in the Windows Charm and select "Settings -> Options"
3) Once in the "Settings" flyout, select "Clear". You'll notice the modal window isn't aligned correctly

Current Behavior:

- Modal window is not correctly aligned and looks a bit off as the buttons are centered but the text is aligned to the left

Expected Behavior:

- Everything should be aligned in the center and look even and clean

Comment 1

[Jim Mathies [:jimm]]

Requesting feedback from rsilveira, curious if this layout match the theme that we had for this, if so this can be resolved wontfix.

Comment 2

[Rodrigo Silveira [:rsilveira] [:rodms]]

Yeah that matches the layout we have since bug 801187. Title and text aligned to the left and buttons aligned to the right. Maybe we can increase the minimum width so it will look cleaner. What do you think Yuan? Maybe the min-width should look like your "are you sure?" snapped view example at https://bugzilla.mozilla.org/attachment.cgi?id=790558

Comment 3

[Kamil Jozwiak [:kjozwiak]]

I wasn't really sure there was a document that outlined the UX layout, I will definitely go through it so I know what to expect when testing. I think the problem is that there really isn't a lot of text being displayed to the user so the entire prompt just looks really big and unaligned as opposed to some of the examples in the document that have a lot more text/information being displayed.

I agree with Rodrigo, I think it would look a lot better if it looked like the "Are you sure" window outlined in the document.

Comment 4

[Yuan Wang(:Yuan) – Mobile Firefox Design Lead]

Thanks for filing this Kamil.

I agree the size of window needs a little tweaks to match the mockup.

Rodrigo, can you also update the strings?
1. Make the header lower case. Use "Clear private data".
2. Update the stings under the header. Use: This will permanently delete the private data you have selected in “Options”. 

Thank you.

Comment 5

[Rodrigo Silveira [:rsilveira] [:rodms]]

Morphed this bug to handle tab-modal prompt polish and opened bug 941454 for the strings.

Comment 6

[Firefox Bug Husbandry Bot]

Mass close of bugs in obsolete product https://bugzilla.mozilla.org/show_bug.cgi?id=1350354