Need help moving the mail toolbar

[aubymori]

Epyrus has the mail toolbar (and any additional user toolbars) inside of the mail-toolbox, element, which itself is inside the tabmail element. This is a problem for me, I want to make Epyrus look like Thunderbird 3.x, which has the mail toolbar and user toolbars above the tabs, at all times.

epyrustb.png

thunderbirdtb.png

Off-topic:
The first screenshot is Epyrus with an add-on that has Thunderbird branding and a modified EXE to change the icon.

I haven't been able to move it with JavaScript nor an XUL overlay without causing breakage (e.g. none of the items showing up). Could someone help me find a solution to move the mail toolbar (and user toolbars) above the tab bar properly?

[FranklinDM]

It is possible, but that would involve creating an extension that overrides many parts of the UI and new code to make that separated toolbar and buttons work. The mail toolbar, as it is implemented right now, is part of the tab content and isn't at the same level as that of the tabbar.

[distantpluto]

I moved everything off the Mail Toolbar and hide it...

epyrus.png

[FranklinDM]

I moved everything off the Mail Toolbar and hide it...

However, the toolbar buttons are now on the menu bar, not on a separate toolbar like in Thunderbird 3.x, which is what the OP was asking for.

[Bilbo47]

I moved everything off the Mail Toolbar and hide it...

Sweet, how was that done?

[aubymori]

It is possible, but that would involve creating an extension that overrides many parts of the UI and new code to make that separated toolbar and buttons work. The mail toolbar, as it is implemented right now, is part of the tab content and isn't at the same level as that of the tabbar.

I have no idea how I'd go about this, to be honest. I've tried moving both the #mail-toolbox and #mail-bar3 elements with both JS and XUL overlays. Both times resulted in none of the toolbar items loading at all, which, from my limited understanding of XULStore, shouldn't happen.

[distantpluto]

I moved everything off the Mail Toolbar and hide it...

Sweet, how was that done?

Right click on one of the toolbars -> "Customize"

[FranklinDM]

I have no idea how I'd go about this, to be honest.

I haven't checked whether this will actually work, but using an overlay, try creating a new toolbar at the same level as the menu bar (under navigation-toolbox). Since the UI allows mail toolbar elements to be moved to the menu bar (which is under navigation-toolbox), moving those elements to a new toolbar within the same toolbox might work.

[Kris_88]

Maybe try moving it visually with CSS, without modifying the DOM? There are actually 3 toolbars - for mail, calendar and tasks, and you probably want them to switch automatically?

[Kris_88]

Just a proof of concept.

profile\chrome\userChrome.css

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

#tabs-toolbar {
  margin-top: 50px !important;
  margin-bottom: 8px !important;
  width: 100% !important;
}

#task-toolbox-container, #calendar-toolbox-container, #mail-toolbox {
  position: fixed;
  top: 23px;
}

#task-toolbox-container, #task-toolbox-container toolbox,
#calendar-toolbox-container, #calendar-toolbox-container toolbox,
#mail-toolbox, #mail-toolbox toolbar {
  width: 100% !important;
}

Untitled.png

Untitled2.png

Untitled3.png