Closed Bug 642163 Opened 14 years ago Closed 14 years ago

Colors in compose window don't match Firefox

Categories

(Thunderbird :: Theme, defect)

All
Windows Vista
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED
Thunderbird 5.0b1

People

(Reporter: andreasn, Assigned: Paenglab)

References

Details

Attachments

(11 files, 10 obsolete files)

(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), image/png
Details
(deleted), patch
bwinton
: review+
andreasn
: ui-review+
Details | Diff | Splinter Review
Attached image mockup of how it would look (deleted) β€”
With all the amazing changes we're making to the main window and the address book, it's only fair that the compose window get some additional love as well.
I think it would be neat to have the background of the address, subject and toolbar area pick up the Firefox toolbar look&feel.
Putting Richard in cc to see if he have any good feedback on this before I start doing any patches.
A good question is how we should style the dropdowns. Like the bookmark dropdown in Firefox, or keep it the same as now.
Watching this window also reminds me how much I want to fix the alignment of things, but that is for another bug :)
Actually I have no idea and I don't know what you mean with bookmark dropdown. In plain text mode without the bottom toolbar I see only the possibility of giving radii on the address field.
Attached image Firefox bookmarks dropdown screenshots (deleted) β€”
Example of bookmarks dropdown button from Firefox.
Attached image and with the alignment (deleted) β€”
Even though it's outside the scope of this bug :)
Ah okay, now I know what you mean. The dropdown images should be easy doable. I think the aligning only with CSS is only in a hackish way doable (different label length in other languages). This weekend I'll try to put these headers in a grid. But this will also affect the other platforms, which I think is also appreciated.
Attached patch Patch only for Win7 and Glass patch (obsolete) (deleted) β€” β€” Splinter Review
I tried first with grid but failed because of the addressingWidget listbox. I gave now the first columns a fixed width, which is localized to match different word length. I've added now only the styles for Vista/Win7.
Attachment #520436 - Flags: feedback?(nisses.mail)
Attached image MessengerCompose with patch in action (deleted) β€”
Unlike your mockup I have on bottom a visible splitter. Should I do it invisible and maybe make a glow effect on hover like the folderpane splitter when it is collapsed?
(In reply to comment #10)
> Created attachment 520437 [details]
> MessengerCompose with patch in action
> 
> Unlike your mockup I have on bottom a visible splitter. Should I do it
> invisible and maybe make a glow effect on hover like the folderpane splitter
> when it is collapsed?

If you drag it to the bottom you mean? It looks like it don't get collapsed in exactly the same way as the sidebar, and they cover somewhat different use cases it seems (dragging the header all the way down seems stupid). It might still make sense to do something similar though, just in case.
(In reply to comment #8)
> Ah okay, now I know what you mean. The dropdown images should be easy doable. I
> think the aligning only with CSS is only in a hackish way doable (different
> label length in other languages). This weekend I'll try to put these headers in
> a grid. But this will also affect the other platforms, which I think is also
> appreciated.

Do I need another patch applied before applying this? I seem to get some rejects on the css file.
Attached image Comparison between Mockup and Patch (deleted) β€”
(In reply to comment #11)
> (In reply to comment #10)
> > Created attachment 520437 [details]
> > MessengerCompose with patch in action
> > 
> > Unlike your mockup I have on bottom a visible splitter. Should I do it
> > invisible and maybe make a glow effect on hover like the folderpane splitter
> > when it is collapsed?
> 
> If you drag it to the bottom you mean? It looks like it don't get collapsed in
> exactly the same way as the sidebar, and they cover somewhat different use
> cases it seems (dragging the header all the way down seems stupid). It might
> still make sense to do something similar though, just in case.

In the image you can see the difference. I marked the splitter. I meant, make the splitter invisible as in your mockup. When the pointer is over the splitter, it will glow to say it exists a splitter (additional to the pointer change with up/down arrow).
(In reply to comment #12)
> (In reply to comment #8)
> > Ah okay, now I know what you mean. The dropdown images should be easy doable. I
> > think the aligning only with CSS is only in a hackish way doable (different
> > label length in other languages). This weekend I'll try to put these headers in
> > a grid. But this will also affect the other platforms, which I think is also
> > appreciated.
> 
> Do I need another patch applied before applying this? I seem to get some
> rejects on the css file.

Maybe I played to much. I'll try to make a new with only Aero Glass applied.
Attached patch Patch needing Aero Glass patch applied (obsolete) (deleted) β€” β€” Splinter Review
Patch with new messengercompose-aero.css from hg and Aero Glass patch applied. But still with a weird diff result:

-  margin: 1px;
+  margin: 1px;
Attachment #520436 - Attachment is obsolete: true
Attachment #520436 - Flags: feedback?(nisses.mail)
Attachment #520736 - Flags: feedback?(nisses.mail)
Odd indeed. Might be better to wait to land this until we land the patch in bug 569400
Attached patch some colors (obsolete) (deleted) β€” β€” Splinter Review
Still lacking hover and other niceties. Not sure if it applies due to oddness in applying previous patches.
(In reply to comment #17)
> Created attachment 521180 [details] [diff] [review]
> some colors
> 
> Still lacking hover and other niceties. Not sure if it applies due to oddness
> in applying previous patches.

No problem for me, I'm applying manual ;)

> <hbox class="top-gradient-thing">

Are you planning something with this class?

The menulists becomes your new button styles only in Aero Glass. Is this intended? Wouldn't it be cleaner if this applies also for every theme in Vista/Win7 like the buttons? Then we have only to add menulist to the button rules and make only special rules for the differences.
Attached patch Patch for all platforms (obsolete) (deleted) β€” β€” Splinter Review
Patch with changes for all platforms.

Included is also Andreas's additional patch. I applied the Win7 menulist styles together with the toolbarbuttons. The only difference was the text-shadow.

Andreas if you still want the different text-shadow be applied, I can add it.
Assignee: nobody → richard.marti
Attachment #520736 - Attachment is obsolete: true
Attachment #521180 - Attachment is obsolete: true
Attachment #520736 - Flags: feedback?(nisses.mail)
Attachment #522099 - Flags: ui-review?(nisses.mail)
Attached image Compose window under OSX (deleted) β€”
Attached image Compose window under Linux (deleted) β€”
Attached image Compose window under XP (deleted) β€”
Attached image Compose window under Win7 (deleted) β€”
Image shows the inactive menulists in FormatToolbar. Additionally I opened the AttachmentBox.
Attached patch Updated patch (obsolete) (deleted) β€” β€” Splinter Review
Today I had again access to an XP machine and found a border around the addressingWidget and a to little margin between addressingWidget and msgSubject. The screenshot under XP shows this little margin.
Attachment #522099 - Attachment is obsolete: true
Attachment #522099 - Flags: ui-review?(nisses.mail)
Attachment #522677 - Flags: ui-review?(nisses.mail)
Attached patch Fixed missing " in messengercompose.xul (obsolete) (deleted) β€” β€” Splinter Review
Found missing " in patch which made a xml error
Attachment #522677 - Attachment is obsolete: true
Attachment #522677 - Flags: ui-review?(nisses.mail)
Attachment #524423 - Flags: ui-review?(nisses.mail)
In general, looks really good on Linux and OS X. Great job!
My Windows build is in too much of a "funny" state right now in order for me to test it there, but I'll give it another try tonight and give it a review based on that.

Two small issues:
* As mentioned on IRC, I get an error when applying the patch for the file  mail/themes/qute/mail/compose/messengercompose-aero.css on line 434. Probably a bitrot.
* The compose window on Linux gets too slim and the rightmost widgets in the compose toolbar falls of the screen. I haven't observed this on OS X, not sure why this happens yet.
Attached patch Hopefully working now under Aero (obsolete) (deleted) β€” β€” Splinter Review
Attachment #524423 - Attachment is obsolete: true
Attachment #524423 - Flags: ui-review?(nisses.mail)
Attachment #524451 - Flags: ui-review?(nisses.mail)
Attached patch Unbitrotted patch (obsolete) (deleted) β€” β€” Splinter Review
Patch updated after landing of Bug 638964
Attachment #524451 - Attachment is obsolete: true
Attachment #524451 - Flags: ui-review?(nisses.mail)
Attachment #524842 - Flags: ui-review?(nisses.mail)
This is really odd, I still get issues when trying to apply the patch.
Here are the lines it seems to have issues with http://pastebin.mozilla.org/1202362

It also seems I'm not getting a gradient in the background. Is this an older patch?
For the Vista/7 theme, you could probably make the attachment area splitter invisible (or however it works for the splitters in the three-pane). That one looks worse than than the splitter at the bottom anyway, since it just stops all of a sudden.
(In reply to comment #30)
> For the Vista/7 theme, you could probably make the attachment area splitter
> invisible (or however it works for the splitters in the three-pane). That one
> looks worse than than the splitter at the bottom anyway, since it just stops
> all of a sudden.

I know. I had planned to do this in Bug 643262. First I have to solve the problem mentioned in Comment 29.
Attached patch Patch made with diff instead WinMerge (obsolete) (deleted) β€” β€” Splinter Review
I've used now diff instead of WinMerge. I hope this solves the problem with applying the patch.
Attachment #524842 - Attachment is obsolete: true
Attachment #524842 - Flags: ui-review?(nisses.mail)
Attachment #526475 - Flags: ui-review?(nisses.mail)
Attached patch patch with rejected lines fixed (obsolete) (deleted) β€” β€” Splinter Review
No, still get the fail, and Blake did too. Fixed the lines in this patch.
Blake also says it's my fault from changeset 5997 :)
So it seems the patch I just posted have some incorrect line endings (and that's the reason the patches break). I got a better editor now and will fix those lines up. New patch coming.
Attached patch and a proper (deleted) β€” β€” Splinter Review
protz fixed me up with a new patch before I got around to do it myself!
Attachment #526475 - Attachment is obsolete: true
Attachment #526984 - Attachment is obsolete: true
Attachment #526475 - Flags: ui-review?(nisses.mail)
Attachment #526996 - Flags: ui-review?(nisses.mail)
Attachment #526996 - Attachment is patch: true
Attachment #526996 - Attachment mime type: application/octet-stream → text/plain
Comment on attachment 526996 [details] [diff] [review]
and a proper

Looks great! ui-r+ on this one!
Attachment #526996 - Flags: ui-review?(nisses.mail) → ui-review+
Attachment #526996 - Flags: review?(bwinton)
Comment on attachment 526996 [details] [diff] [review]
and a proper

Review of attachment 526996 [details] [diff] [review]:

So, this patch failed to apply for me, due to some line ending issues, but once I fixed those, it seemed pretty good.

r=me.
Attachment #526996 - Flags: review?(bwinton) → review+
Status: NEW → ASSIGNED
Keywords: checkin-needed
Checked in: http://hg.mozilla.org/comm-central/rev/d93355b8d755
Status: ASSIGNED → RESOLVED
Closed: 14 years ago
Keywords: checkin-needed
Resolution: --- → FIXED
Target Milestone: --- → Thunderbird 3.3a4
Depends on: 654426
Depends on: 654686
Depends on: 654754
Depends on: 654882
Depends on: 654916
Depends on: 668998
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: