MozillaZine

[Solved] CSS Styling for Mail Message Attachments Container

User Help for Mozilla Thunderbird
ThunderStruck
 
Posts: 24
Joined: April 1st, 2019, 10:52 pm

Post Posted April 10th, 2019, 11:43 pm

In Thunderbird 60+, when a new message arrives that has attachment(s)—and with TB's attachment preferences set as "attached" and not displayed inline—there is a moz-twisty at the bottom of the message that when clicked displays the attachments. What is the name of the container that holds these attachments? It displays by default with a dark gray border or outline around it. I wish to remove this border/outline but can't determine what to target. I've looked at the following files to try to find it, to no avail:

- attachmentList.css
- messageHeader.css
- messageBody.css

The attachments appear to be inside a scrollbox, but that scrollbox is contained inside some other container.

The second part to this is that when a new message is composed and attachments are added—or if forwarding a message with existing attachments—that same container with the dark gray border appears in the righttside of the compose window header area, too. Then, when the container is minimized (via the "#MsgHeadersToolbar splitter"), a big attachment icon displays. I wish to target and change that particular icon too. What ID or class do I target for that?
Last edited by ThunderStruck on April 13th, 2019, 3:16 am, edited 2 times in total.

morat
 
Posts: 3202
Joined: February 3rd, 2009, 6:29 pm

Post Posted April 11th, 2019, 8:17 am

Try the #attachmentList element.

Here is how to select the attachmentlist[id="attachmentList"] element in DOMi.

* 3pane window, Tools > DOM Inspector
* DOMi window, View > check all options
* DOMi window, File > Inspect Chrome Document > chrome://messenger/content/messenger.xul picture
* DOMi window, click "Find a node to inspect by clicking on it" button (top left)
* 3pane window, click attachment area

DOM Inspector Plus!
http://addons.thunderbird.net/thunderbird/addon/254571
http://developer.mozilla.org/docs/Tools/Add-ons/DOM_Inspector

CSS Reference
http://developer.mozilla.org/en/CSS_Reference
http://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

ThunderStruck
 
Posts: 24
Joined: April 1st, 2019, 10:52 pm

Post Posted April 13th, 2019, 3:15 am

Ah, found it... there were more items in "attachmentList.css" and a new file "messengercompose.css". These are the two that control that area. 8-)

Return to Thunderbird Support


Who is online

Users browsing this forum: Google [Bot] and 3 guests