## 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...`
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. 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...`