Windows - Update Composer UI

RESOLVED FIXED in Thunderbird 29.0

Status

--
enhancement
RESOLVED FIXED
5 years ago
5 years ago

People

(Reporter: jsbruner, Assigned: Paenglab)

Tracking

(Blocks: 1 bug)

Trunk
Thunderbird 29.0
All
Windows 7
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [ux-feature-wanted-31])

Attachments

(3 attachments, 1 obsolete attachment)

Similar to bug 867161, except for Windows.

Richard volunteered to work on this, since I lack a Windows machine.

Don't forget that this bug depends on the changes in bug 867161 for the XUL change.

Updated

5 years ago
Severity: normal → enhancement
OS: Mac OS X → Windows 7
Hardware: x86 → All
(Assignee)

Comment 1

5 years ago
Posted patch patch (obsolete) β€” β€” Splinter Review
For XP I used the same box-shadow like OS X and Linux are using. On Aero I reduced the shadow as I think with the light blue background it looks better with a lighter shadow.

A zip file with this (and other patches) can be downloaded here: https://dl.dropboxusercontent.com/u/23792533/thunderbird-29.0a1.en-US.win32.zip
Attachment #8362137 - Flags: ui-review?(josiah)
Attachment #8362137 - Flags: review?(josiah)
(Assignee)

Comment 2

5 years ago
Posted patch patch β€” β€” Splinter Review
Oops, the previous patch didn't apply cleanly.
Attachment #8362137 - Attachment is obsolete: true
Attachment #8362137 - Flags: ui-review?(josiah)
Attachment #8362137 - Flags: review?(josiah)
Attachment #8362144 - Flags: ui-review?(josiah)
Attachment #8362144 - Flags: review?(josiah)
Comment on attachment 8362144 [details] [diff] [review]
patch

Review of attachment 8362144 [details] [diff] [review]:
-----------------------------------------------------------------

It looks really good. No issues. Thanks!
Attachment #8362144 - Flags: ui-review?(josiah)
Attachment #8362144 - Flags: ui-review+
Attachment #8362144 - Flags: review?(josiah)
Attachment #8362144 - Flags: review+
(Assignee)

Comment 4

5 years ago
Posted image screenshotW8.png β€”
As requested by ThomasD a screenshot. This one is under Windows 8.
https://hg.mozilla.org/comm-central/rev/bcca0f06c29a
Status: ASSIGNED → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → FIXED
Target Milestone: --- → Thunderbird 29.0

Updated

5 years ago
Blocks: 962672

Comment 6

5 years ago
Any plans to use Windows 8 colors on Windows 8?
Flags: needinfo?
(Assignee)

Comment 7

5 years ago
Yes, but I'm waiting for the Fx implementation.
Flags: needinfo?

Comment 8

5 years ago
I can't say I am happy with these changes (e.g. on Win XP the address widget and subject is solid grey as if uneditable even when it is already filled in, which is unintuitive). We have no such dynamic onmouseover UI in the rest of TB. But if you quickly update the rest of TB to be similar to this composer, it will not look so out of place:) Just please not more australification...
(Assignee)

Updated

5 years ago
Depends on: 963923
(In reply to :aceman from comment #8)
> I can't say I am happy with these changes (e.g. on Win XP the address widget
> and subject is solid grey as if uneditable even when it is already filled
> in, which is unintuitive). We have no such dynamic onmouseover UI in the
> rest of TB. But if you quickly update the rest of TB to be similar to this
> composer, it will not look so out of place:) Just please not more
> australification...

Hmm. Do you have a screenshot for Windows XP? The point is definitely to make it NOT look disabled. As for updating the rest of TB, I do want to do that in some components. However, I feel we can only use these non-platform consistent controls on areas that are not connected to "system-based" areas. (Toolbars, Window buttons, etc).

I'm sure there are definitely other areas we could update though. Gloda perhaps?

Comment 10

5 years ago
Aceman certainly has a point with his comment 8, and I'm also still wondering how much "lighter" the UI has become by replacing edges and corners with lots of white with a single large grey surface.

One thing I noticed is that the background color of the "postcard" header is pretty dark (and somewhat brownish-stale) on XP, darker than the current BG. I'd prefer a lighter, cooler shade of grey going towards white. More so if we buy into the idea of having a "postcard" header on our "letter paper", so both of them should probably have similar colors.
(Assignee)

Comment 11

5 years ago
(In reply to Thomas D. from comment #10)
> One thing I noticed is that the background color of the "postcard" header is
> pretty dark (and somewhat brownish-stale) on XP, darker than the current BG.
> I'd prefer a lighter, cooler shade of grey going towards white. More so if
> we buy into the idea of having a "postcard" header on our "letter paper", so
> both of them should probably have similar colors.

It's using the system color for -moz-dialog and depends on your color settings. If it's defined to be brownish-stale then it uses it. I don't want use fixed colors to be system compliant. What we could do is lighten it up with a semi transparent image.

Thomas, can you try this in your userChrome.css?

#composeContentBox {
  background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
}

Comment 12

5 years ago
(In reply to Richard Marti (:Paenglab) from comment #11)
> (In reply to Thomas D. from comment #10)
> It's using the system color for -moz-dialog and depends on your color
> settings. If it's defined to be brownish-stale then it uses it. I don't want
> use fixed colors to be system compliant. What we could do is lighten it up
> with a semi transparent image.
> 
> Thomas, can you try this in your userChrome.css?
> 
> #composeContentBox {
>   background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255,
> 255, 0.5));
> }

That's a lot better because it makes the whole header look lighter (less heavy) and less disabled.
(Assignee)

Comment 13

5 years ago
Then please, can you file a new bug for this?

Comment 14

5 years ago
Posted image screenshot of Win XP β€”
The address widget looks as opaque/disabled as the toolbar above it and rest of window decoration.
(Assignee)

Comment 15

5 years ago
The only disabled thing I'm seeing is the Send button. How do think the toolbar above is disabled?

Comment 16

5 years ago
It is not really "disabled" as in "having the text greyed out and not responding to clicks".
It "appears to be disabled" as in "in the rest of TB UI you write only into white fields/widgets, never grey areas".
On the grey toolbar above, you can only click on predefined buttons, not on the rest of the area that has no buttons. That is semantically a bit different than "now you are supposed to write into a grey area too".

So the idea here is that from current experience and UI styles in Windows apps, users may not even try to hover over the grey area as there is no reason to expect some white editable field will suddenly jump out from it. Of course, I am talking Win XP here. Win 8 is a different mess by itself.
Depends on: 1084539
You need to log in before you can comment on or make changes to this bug.