Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to place preview pane on left

  • 3 àwọn èsì
  • 0 ní àwọn ìṣòro yìí
  • 32 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ Isakumutsu13962

more options

I know how to place the preview pane on right with the vertical layout, but I would like to switch the place of the preview pane with one of the message tray pane. In other words, I want set the panes in a orders like the folder pane, the preview pane, and the message tray pane from left to right. I do not know how to do it so I would happy if anyone teach me how.

I know how to place the preview pane on right with the vertical layout, but I would like to switch the place of the preview pane with one of the message tray pane. In other words, I want set the panes in a orders like the folder pane, the preview pane, and the message tray pane from left to right. I do not know how to do it so I would happy if anyone teach me how.

Ọ̀nà àbáyọ tí a yàn

If you are willing to use userChrome.css, put the following CSS in userChrome.css. The following CSS should work for Thunderbird 128.9.0esr on Windows:

/* Vertical layout: three columns. */
body.layout-vertical {
     grid-template: "folders folderPaneSplitter message messagePaneSplitter threads" auto
        / minmax(auto, var(--folderPaneSplitter-width)) min-content minmax(auto, var(--messagePaneSplitter-width)) min-content minmax(auto, 1fr) !important;
}


Please see the attached image, which shows the user interface after applying the above CSS.

Ka ìdáhùn ni ìṣètò kíkà 👍 1

All Replies (3)

more options

There is no standard interface or command which will do this.

Helpful?

more options

Ọ̀nà àbáyọ Tí a Yàn

If you are willing to use userChrome.css, put the following CSS in userChrome.css. The following CSS should work for Thunderbird 128.9.0esr on Windows:

/* Vertical layout: three columns. */
body.layout-vertical {
     grid-template: "folders folderPaneSplitter message messagePaneSplitter threads" auto
        / minmax(auto, var(--folderPaneSplitter-width)) min-content minmax(auto, var(--messagePaneSplitter-width)) min-content minmax(auto, 1fr) !important;
}


Please see the attached image, which shows the user interface after applying the above CSS.

Helpful?

more options

Thank you very much. I did not know about userChrome.css but it just works when I tried your CSS. I found that when I drug the border of the panes to change their width, it moves to opposite direction from my cursor drugs(CSS only define look of the interfaces so it is no wonder), though it is hardly a problem. Just for little notice. Again, thanks a lot for your helping.

Helpful?

Béèrè ìbéèrè

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.