This commit introduces a "Reset" button to pinned tabs, allowing
users to quickly revert a tab to its stored base URL. The button
is visible on hover for non-essential pinned tabs and hidden
for essentials. Clicking the button triggers a
reset action managed by `gZenPinnedTabManager`.
The visual style of the button is defined using the "reload"
icon and follows the styling of other tab buttons.
- Added the Essentials Toolbar to the Navigator Toolbox
- Removed the Essentials Toolbar from ZenStartup and created it in browser-places.js
- Updated the zen-styles/zen-sidebar.css file to remove the display of the Menubar
- Updated the navigator-toolbox.inc.xhtml file to add the Essentials Toolbar and hide the Accordion Header in compact mode
- Updated the indicator-private-browsing.svg file to include the private browsing indicator icon
This commit introduces a new Essentials Toolbar to the Navigator Toolbox. The toolbar is located within the vertical pinned tabs container and provides quick access to essential features.
The following changes were made:
- Added a new toolbarbutton with the id "essentials-accordion-header" to toggle the Essentials Toolbar visibility.
- Introduced a new `hbox` with the id "EssentialsToolbar" to house the toolbar items.
- Included a `scrollbox` with the id "EssentialsToolbarItems" to handle scrolling for the toolbar items.
- Modified the `arrowscrollbox` to use a vertical orientation (`orient="vertical"`).
- Added a separator between the pinned tabs container and the Essentials Toolbar.
- Update the max-width property for #zen-appcontent-wrapper in zen-browser-ui.css to ensure it takes up the full width.
- Remove the label display for toolbar buttons in zen-glance.css to improve the visual appearance.
- Hide the new tab button in vertical-tabs.css to align with the Zen browser UI design.
Update border radius in zen-browser.js to 8 pixels
Set default width to 250px in ZenStartup.mjs
Adjust overflow and border radius in zen-browser-container.css
Update background color in vertical-tabs.css