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 = [ const defaultSidebarIcons = [
'zen-sidepanel-button', 'zen-sidepanel-button',
'zen-workspaces-button', 'zen-workspaces-button',
'vertical-tabs-newtab-button' 'new-tab-button'
]; ];
for (let id of defaultSidebarIcons) { for (let id of defaultSidebarIcons) {
if (id === 'zen-workspaces-button') continue;
const elem = document.getElementById(id); const elem = document.getElementById(id);
if (id === 'zen-workspaces-button' || !elem) continue;
elem.setAttribute('removable', 'true'); elem.setAttribute('removable', 'true');
} }
CustomizableUI.registerArea( CustomizableUI.registerArea(

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

@@ -35,6 +35,7 @@
:not([inDOMFullscreen='true']) #appcontent { :not([inDOMFullscreen='true']) #appcontent {
overflow: hidden; overflow: hidden;
padding: 1px;
} }
:not([inDOMFullscreen='true']) #appcontent, :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-top: var(--zen-toolbox-top-align);
padding-bottom: var(--zen-element-separation); padding-bottom: var(--zen-element-separation);
margin-top: -4px !important;
display: flex; display: flex;
} }
@@ -530,12 +529,15 @@
display: none; display: none;
}*/ }*/
:root[customizing] #TabsToolbar > * { :root[customizing] #TabsToolbar > *,
:root[customizing] #TabsToolbar-customization-target {
min-width: unset !important; min-width: unset !important;
} }
/* Mark: Sidebar top buttons */ /* Mark: Sidebar top buttons */
#zen-sidebar-top-buttons { #zen-sidebar-top-buttons {
order: -1;
min-width: unset !important; min-width: unset !important;
--toolbarbutton-inner-padding: var(--zen-toolbar-button-inner-padding) !important; --toolbarbutton-inner-padding: var(--zen-toolbar-button-inner-padding) !important;
@@ -544,7 +546,11 @@
align-items: center; align-items: center;
#nav-bar:has(&) & { #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 { & toolbarbutton {