mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-28 22:18:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/base/content/ZenCustomizableUI.sys.mjs
View File

@@ -18,7 +18,7 @@ export var ZenCustomizableUI = new (class {
true true
); );
CustomizableUIInternal.registerArea( CustomizableUIInternal.registerArea(
'zen-sidebar-bottom-wrapper', 'zen-sidebar-bottom-buttons',
{ {
type: this.TYPE_TOOLBAR, type: this.TYPE_TOOLBAR,
defaultPlacements: this.defaultSidebarIcons, defaultPlacements: this.defaultSidebarIcons,
@@ -108,7 +108,7 @@ export var ZenCustomizableUI = new (class {
} }
_hideToolbarButtons(window) { _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']; const elementsToHide = ['alltabs-button', 'new-tab-button'];
for (let id of elementsToHide) { for (let id of elementsToHide) {
const elem = window.document.getElementById(id); const elem = window.document.getElementById(id);
@@ -124,7 +124,7 @@ export var ZenCustomizableUI = new (class {
registerToolbarNodes(window) { registerToolbarNodes(window) {
window.CustomizableUI.registerToolbarNode(window.document.getElementById('zen-sidebar-top-buttons')); 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( window.addEventListener(
'DOMContentLoaded', 'DOMContentLoaded',
() => { () => {

2
src/browser/base/content/zen-sidebar-icons.inc.xhtml
View File

@@ -1,5 +1,5 @@
<toolbar brighttext="true" <toolbar brighttext="true"
id="zen-sidebar-bottom-wrapper" id="zen-sidebar-bottom-buttons"
fullscreentoolbar="true" fullscreentoolbar="true"
class="browser-toolbar customization-target zen-dont-hide-on-fullscreen" class="browser-toolbar customization-target zen-dont-hide-on-fullscreen"
data-l10n-id="tabs-toolbar" data-l10n-id="tabs-toolbar"

2
src/browser/base/content/zen-styles/zen-tabs/horizontal-tabs.css
View File

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

10
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -338,7 +338,7 @@
} }
} }
#zen-sidebar-bottom-wrapper { #zen-sidebar-bottom-buttons {
background: transparent; background: transparent;
gap: 5px; gap: 5px;
align-items: center; align-items: center;
@@ -463,7 +463,7 @@
} }
} }
& #zen-sidebar-bottom-wrapper { & #zen-sidebar-bottom-buttons {
display: flex; display: flex;
/* Make sure the icons take most of the space, smartly */ /* Make sure the icons take most of the space, smartly */
flex-direction: row; flex-direction: row;
@@ -592,7 +592,7 @@
padding: 0 !important; padding: 0 !important;
background: transparent !important; background: transparent !important;
} }
:root[customizing] & #zen-sidebar-bottom-wrapper { :root[customizing] & #zen-sidebar-bottom-buttons {
min-width: unset !important; min-width: unset !important;
} }
& #zen-sidebar-top-buttons { & #zen-sidebar-top-buttons {
@@ -608,7 +608,7 @@
flex-direction: column; flex-direction: column;
padding-top: var(--zen-element-separation); padding-top: var(--zen-element-separation);
} }
& #zen-sidebar-bottom-wrapper { & #zen-sidebar-bottom-buttons {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: var(--zen-element-separation); padding-top: var(--zen-element-separation);
@@ -810,7 +810,7 @@
/* Customization mode */ /* Customization mode */
/*:root[customizing] #TabsToolbar > *:not(#zen-sidebar-bottom-wrapper) { /*:root[customizing] #TabsToolbar > *:not(#zen-sidebar-bottom-buttons) {
overflow: hidden; overflow: hidden;
max-width: 0 !important; max-width: 0 !important;
margin-right: var(--zen-element-separation); margin-right: var(--zen-element-separation);