Bugzilla

I'd like to propose a tiny CSS update to improve a bit the UI of the `messengercompose.xul` window.

Attached you can find a mock-up with the proposal, and a patch for it.
The proposed UI refresh will cover these aspects:

* **Softer drop shadow below toolbar:** The current drop shadow is really thick and feels a bit too aggressive, creating an illusion of a drastic gap between the toolbar and the header area. A software drop shadow improves visual flows and it's more pleasing to the eye.

* **Remove the noise repeated background:** I don't see any advantage in having a that noise image as background as it's so subtle is almost not visible. The text styling toolbar doesn't have that texture but the difference is hardly noticeable. A clean and flat background color looks cleaner.

* **Hide the space (Linux only):** The spacer was rendered on Linux with border top, creating a strange grey gab between the header area and the compose message area.

* **Border top in compose area:** This helps separate the two areas since the background color of the header is really light. It also keeps the visual consistency used in other dialogs of using 1px borders when dividing sections.

I'm attaching a patch with the small styling updates after this message. Visually tested on Linux and macOS. I don't have a Windows computer to test it there, tho.

Thoughts?

I'd like to propose a tiny CSS update to improve a bit the UI of the `messengercompose.xul` window.

Attached you can find a mock-up with the proposal, and a patch for it.
The proposed UI refresh will cover these aspects:

* **Softer drop shadow below toolbar:** The current drop shadow is really thick and feels a bit too aggressive, creating an illusion of a drastic gap between the toolbar and the header area. A software drop shadow improves visual flows and it's more pleasing to the eye.

* **Remove the noise repeated background:** I don't see any advantage in having a that noise image as background as it's so subtle is almost not visible. The text styling toolbar doesn't have that texture but the difference is hardly noticeable. A clean and flat background color looks cleaner.

* **Hide the spacer (Linux only):** The spacer was rendered on Linux with a top border, creating a strange grey gap between the header area and the compose message area.

* **Border top in compose area:** This helps separate the two areas since the background color of the header is really light. It also keeps the visual consistency used in other dialogs of using 1px borders when dividing sections.

I'm attaching a patch with the small styling updates after this message. Visually tested on Linux and macOS. I don't have a Windows computer to test it there, tho.

Thoughts?