Rename 'zen-sidebar-bottom-wrapper' to 'zen-sidebar-bottom-buttons' for consistency in toolbar identification

This commit is contained in:
mr. M
2025-02-18 11:54:19 +01:00
parent 638c7c7420
commit baa4402a62
4 changed files with 10 additions and 10 deletions

View File

@@ -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',
() => {

View File

@@ -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"

View File

@@ -234,7 +234,7 @@
display: none !important;
}
#zen-sidebar-bottom-wrapper {
#zen-sidebar-bottom-buttons {
width: auto !important;
padding: 0 !important;
}

View File

@@ -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);