Bug 1665511 Comment 50 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

## IMPLEMENTATION OVERVIEW
Overview of how the **Spaces Toolbar** was implemented, its features, and expected behavior to help keep track
First landed in `v98`.

### OBJECTIVE

The **Spaces Toolbar** is a vertical area to collect and organize all those buttons opening a dedicated Tab. The name "Space" is to reference a standalone view or dedicated Tab.

This toolbar will not be a standard customizable toolbar, and shouldn't be used to add buttons that don't open a Tab, nor it should be a drop target for any `<toolbarbutton>`.

Buttons that open dialogs, popups, reveal or collapse UI panels, etc., should be implemented as `<toolbarbutton>` inside the standard customizable toolbar.

### HTML

The **Spaces Toolbar** is a simple `<div role ="toolbar">` element that vertically collects all buttons opening a tab. The toolbar only exists in the `messenger.xhtml` file since it's not needed in any standalone window nor dialog.

The **Spaces Toolbar** visually wraps around the entire Application Window. In order to achieve that, some extra wrapper tags were implemented.

This is the current structure of the main `messenger.xhtml` file:
- The `<box id="navigation-toolbox-background">` which includes the titlebar, menubar, and tabs bar.
- The `<hbox id="messengerContainer">` which wraps the **Spaces Toolbar** and the entire content of the tabmail tabs as a flex element in order to properly align them.
- The **Spaces Toolbar** alongside the `<vbox id="messengerBody">` which actually encapsulates the rest of the UI (tabmail with all tabs, statusbar, and notification area).

Keeping this current structure is vital in order to guarantee correct alignment of the **Spaces Toolbar** no matter its visibility state, or the state of tabs in titlebar and menubar.

### JAVSCRIPT

`In progress...`

### INTEGRATION WITH THE TITLEBAR

`In progress...`

### EXTENSIONS API

`In progress...`

### CUSTOMIZATION

`In progress...`
## IMPLEMENTATION OVERVIEW
Overview of how the **Spaces Toolbar** was implemented, its features, and expected behavior.
First landed in `v98`.

### OBJECTIVE

The **Spaces Toolbar** is a vertical area to collect and organize all those buttons opening a dedicated Tab. The name "Space" is to reference a standalone view or dedicated Tab.

This toolbar will not be a standard customizable toolbar, and shouldn't be used to add buttons that don't open a Tab, nor it should be a drop target for any `<toolbarbutton>`.

Buttons that open dialogs, popups, reveal or collapse UI panels, etc., should be implemented as `<toolbarbutton>` inside the standard customizable toolbar.

### HTML

The **Spaces Toolbar** is a simple `<div role ="toolbar">` element that vertically collects all buttons opening a tab. The toolbar only exists in the `messenger.xhtml` file since it's not needed in any standalone window nor dialog.

The **Spaces Toolbar** visually wraps around the entire Application Window. In order to achieve that, some extra wrapper tags were implemented.

This is the current structure of the main `messenger.xhtml` file:
- The `<box id="navigation-toolbox-background">` which includes the titlebar, menubar, and tabs bar.
- The `<hbox id="messengerContainer">` which wraps the **Spaces Toolbar** and the entire content of the tabmail tabs as a flex element in order to properly align them.
- The **Spaces Toolbar** alongside the `<vbox id="messengerBody">` which actually encapsulates the rest of the UI (tabmail with all tabs, statusbar, and notification area).

Keeping this current structure is vital in order to guarantee correct alignment of the **Spaces Toolbar** no matter its visibility state, or the state of tabs in titlebar and menubar.

### JAVSCRIPT

`In progress...`

### INTEGRATION WITH THE TITLEBAR

`In progress...`

### EXTENSIONS API

`In progress...`

### CUSTOMIZATION

`In progress...`

Back to Bug 1665511 Comment 50