mirror of
https://github.com/zen-browser/desktop.git
synced 2025-09-27 21:48:40 +00:00
Rename 'zen-sidebar-bottom-wrapper' to 'zen-sidebar-bottom-buttons' for consistency in toolbar identification
This commit is contained in:
@@ -18,7 +18,7 @@ export var ZenCustomizableUI = new (class {
|
||||
true
|
||||
);
|
||||
CustomizableUIInternal.registerArea(
|
||||
'zen-sidebar-bottom-wrapper',
|
||||
'zen-sidebar-bottom-buttons',
|
||||
{
|
||||
type: this.TYPE_TOOLBAR,
|
||||
defaultPlacements: this.defaultSidebarIcons,
|
||||
@@ -108,7 +108,7 @@ export var ZenCustomizableUI = new (class {
|
||||
}
|
||||
|
||||
_hideToolbarButtons(window) {
|
||||
const wrapper = window.document.getElementById('zen-sidebar-bottom-wrapper');
|
||||
const wrapper = window.document.getElementById('zen-sidebar-bottom-buttons');
|
||||
const elementsToHide = ['alltabs-button', 'new-tab-button'];
|
||||
for (let id of elementsToHide) {
|
||||
const elem = window.document.getElementById(id);
|
||||
@@ -124,7 +124,7 @@ export var ZenCustomizableUI = new (class {
|
||||
|
||||
registerToolbarNodes(window) {
|
||||
window.CustomizableUI.registerToolbarNode(window.document.getElementById('zen-sidebar-top-buttons'));
|
||||
window.CustomizableUI.registerToolbarNode(window.document.getElementById('zen-sidebar-bottom-wrapper'));
|
||||
window.CustomizableUI.registerToolbarNode(window.document.getElementById('zen-sidebar-bottom-buttons'));
|
||||
window.addEventListener(
|
||||
'DOMContentLoaded',
|
||||
() => {
|
||||
|
@@ -1,5 +1,5 @@
|
||||
<toolbar brighttext="true"
|
||||
id="zen-sidebar-bottom-wrapper"
|
||||
id="zen-sidebar-bottom-buttons"
|
||||
fullscreentoolbar="true"
|
||||
class="browser-toolbar customization-target zen-dont-hide-on-fullscreen"
|
||||
data-l10n-id="tabs-toolbar"
|
||||
|
@@ -234,7 +234,7 @@
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#zen-sidebar-bottom-wrapper {
|
||||
#zen-sidebar-bottom-buttons {
|
||||
width: auto !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
@@ -338,7 +338,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
#zen-sidebar-bottom-wrapper {
|
||||
#zen-sidebar-bottom-buttons {
|
||||
background: transparent;
|
||||
gap: 5px;
|
||||
align-items: center;
|
||||
@@ -463,7 +463,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& #zen-sidebar-bottom-wrapper {
|
||||
& #zen-sidebar-bottom-buttons {
|
||||
display: flex;
|
||||
/* Make sure the icons take most of the space, smartly */
|
||||
flex-direction: row;
|
||||
@@ -592,7 +592,7 @@
|
||||
padding: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
:root[customizing] & #zen-sidebar-bottom-wrapper {
|
||||
:root[customizing] & #zen-sidebar-bottom-buttons {
|
||||
min-width: unset !important;
|
||||
}
|
||||
& #zen-sidebar-top-buttons {
|
||||
@@ -608,7 +608,7 @@
|
||||
flex-direction: column;
|
||||
padding-top: var(--zen-element-separation);
|
||||
}
|
||||
& #zen-sidebar-bottom-wrapper {
|
||||
& #zen-sidebar-bottom-buttons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: var(--zen-element-separation);
|
||||
@@ -810,7 +810,7 @@
|
||||
|
||||
|
||||
/* Customization mode */
|
||||
/*:root[customizing] #TabsToolbar > *:not(#zen-sidebar-bottom-wrapper) {
|
||||
/*:root[customizing] #TabsToolbar > *:not(#zen-sidebar-bottom-buttons) {
|
||||
overflow: hidden;
|
||||
max-width: 0 !important;
|
||||
margin-right: var(--zen-element-separation);
|
||||
|
Reference in New Issue
Block a user