mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-27 09:44:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed collapsed layout having icons overflow to the side

Browse Source
This commit is contained in:
mr. M
2024-12-08 19:12:46 +01:00
parent 220f96ecb4
commit 703903faf4
1 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -535,6 +535,7 @@
--zen-toolbox-max-width: calc(var(--tab-min-width) + var(--zen-toolbox-padding) * 2);
}
/* Mark: collapsed sidebar */
#navigator-toolbox:not([zen-sidebar-expanded='true']) {
max-width: var(--zen-toolbox-max-width) !important;
min-width: var(--zen-toolbox-max-width) !important;
@@ -560,6 +561,20 @@
:root[customizing] & #zen-sidebar-icons-wrapper {
min-width: unset !important;
}
& #zen-sidebar-top-buttons {
justify-content: center;
max-height: unset !important;
height: fit-content !important;
margin-bottom: var(--zen-element-separation);
}
& #titlebar {
display: grid;
grid-template-rows: auto 1fr;
}
& #zen-sidebar-top-buttons-customization-target {
flex-direction: column;
padding-top: var(--zen-element-separation);
}
& #zen-sidebar-icons-wrapper {
display: flex;
flex-direction: column;
@@ -788,19 +803,24 @@
order: -1;
min-width: unset !important;
--toolbarbutton-inner-padding: calc(var(--zen-toolbar-button-inner-padding) - 2px) !important;
:root[zen-sidebar-expanded='true'] & {
--toolbarbutton-inner-padding: calc(var(--zen-toolbar-button-inner-padding) - 2px) !important;
}
& #zen-sidebar-top-buttons-customization-target {
height: 100%;
align-items: center;
padding-inline-start: var(--zen-toolbox-padding);
:root:not([zen-sidebar-expanded='true']):not([zen-right-side='true']) {
padding-inline-start: var(--zen-toolbox-padding);
}
#nav-bar:has(&) & {
padding-inline-start: var(--toolbarbutton-outer-padding);
}
:root[zen-right-side='true'] & {
padding-inline-start: 0;
padding-inline-end: var(--zen-toolbox-padding);
}
@@ -936,5 +956,13 @@
& #zen-appcontent-wrapper {
overflow-x: visible;
}
& #zen-sidebar-top-buttons-customization-target {
padding-top: 0;
}
& #zen-appcontent-navbar-container {
padding-left: var(--zen-element-separation);
}
}
}