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

Refactor ZenStartup to update default placements for sidebar buttons and improve sidebar buttons customization

Browse Source
This commit is contained in:
mauro-balades
2024-09-20 14:23:49 +02:00
parent 1d220623ff
commit 37e8ee66bd
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/browser/base/content/ZenStartup.mjs
View File

@@ -202,11 +202,11 @@
const defaultSidebarIcons = [
'zen-sidepanel-button',
'zen-workspaces-button',
'vertical-tabs-newtab-button'
'new-tab-button'
];
for (let id of defaultSidebarIcons) {
if (id === 'zen-workspaces-button') continue;
const elem = document.getElementById(id);
if (id === 'zen-workspaces-button' || !elem) continue;
elem.setAttribute('removable', 'true');
}
CustomizableUI.registerArea(

1
src/browser/base/content/zen-styles/zen-browser-ui.css
View File

@@ -35,6 +35,7 @@
:not([inDOMFullscreen='true']) #appcontent {
overflow: hidden;
padding: 1px;
}
:not([inDOMFullscreen='true']) #appcontent,

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

@@ -34,7 +34,6 @@
padding-top: var(--zen-toolbox-top-align);
padding-bottom: var(--zen-element-separation);
margin-top: -4px !important;
display: flex;
}
@@ -530,12 +529,15 @@
display: none;
}*/
:root[customizing] #TabsToolbar > * {
:root[customizing] #TabsToolbar > *,
:root[customizing] #TabsToolbar-customization-target {
min-width: unset !important;
}
/* Mark: Sidebar top buttons */
#zen-sidebar-top-buttons {
order: -1;
min-width: unset !important;
--toolbarbutton-inner-padding: var(--zen-toolbar-button-inner-padding) !important;
@@ -544,7 +546,11 @@
align-items: center;
#nav-bar:has(&) & {
padding-inline-start: calc(var(--zen-toolbox-padding) + var(--toolbarbutton-outer-padding)) !important;
padding-inline-start: calc(var(--zen-toolbox-padding) + 2px);
}
#browser:has(#navigator-toolbox[zen-right-side='true']) & {
padding-inline-start: calc(var(--zen-toolbox-padding) - var(--toolbarbutton-outer-padding)) !important;
}
& toolbarbutton {