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

fix: Fixed right side tabs on collapsed mode shifting the browser to the right, b=(no-bug), c=compact-mode, tabs

Browse Source
This commit is contained in:
Mr. M
2025-05-06 17:32:51 +02:00
parent 70b9f66f4c
commit 27d3b903d3
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/zen/compact-mode/zen-compact-mode.css
View File

@@ -112,6 +112,9 @@
#navigator-toolbox:not([animate='true']) #titlebar { #navigator-toolbox:not([animate='true']) #titlebar {
border-radius: calc(var(--zen-native-inner-radius) + var(--zen-element-separation) / 4); border-radius: calc(var(--zen-native-inner-radius) + var(--zen-element-separation) / 4);
padding: var(--zen-toolbox-padding) !important; padding: var(--zen-toolbox-padding) !important;
:root:not([zen-sidebar-expanded='true']) & {
padding: var(--zen-toolbox-padding) 0 !important;
}
position: relative; position: relative;
background: var(--zen-dialog-background); background: var(--zen-dialog-background);
outline: 1px solid var(--zen-colors-border-contrast); outline: 1px solid var(--zen-colors-border-contrast);

9
src/zen/tabs/zen-tabs/vertical-tabs.css
View File

@@ -441,7 +441,7 @@
scrollbar-color: color-mix(in srgb, currentColor 26%, transparent) transparent; /* Custom scrollbar */ scrollbar-color: color-mix(in srgb, currentColor 26%, transparent) transparent; /* Custom scrollbar */
/* Negative margin hack for workspace transitions (only if workspaces are enabled) */ /* Negative margin hack for workspace transitions (only if workspaces are enabled) */
:root[zen-workspace-id] & { :root[zen-workspace-id][zen-sidebar-expanded='true'] & {
margin-left: calc(-1 * var(--zen-toolbox-padding)); margin-left: calc(-1 * var(--zen-toolbox-padding));
width: calc(100% + var(--zen-toolbox-padding) * 2); width: calc(100% + var(--zen-toolbox-padding) * 2);
} }
@@ -755,6 +755,13 @@
& .zen-essentials-container { & .zen-essentials-container {
justify-content: center; justify-content: center;
grid-template-columns: 1fr !important; grid-template-columns: 1fr !important;
padding: 0 !important;
max-width: var(--zen-sidebar-width) !important;
min-width: unset !important;
}
& #zen-essentials-wrapper {
margin-left: unset !important;
} }
/* Style new tab button when collapsed */ /* Style new tab button when collapsed */