diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js index 54bedfdef..9b5153e14 100644 --- a/src/browser/app/profile/zen-browser.js +++ b/src/browser/app/profile/zen-browser.js @@ -112,6 +112,7 @@ pref('zen.sidebar.close-on-blur', true); // Zen Split View pref('zen.splitView.working', false); +pref('zen.splitView.min-resize-width', 7); // Zen Workspaces pref('zen.workspaces.enabled', true); diff --git a/src/browser/base/content/zen-styles/zen-browser-ui.css b/src/browser/base/content/zen-styles/zen-browser-ui.css index 5c2b7b4cc..1811dee7f 100644 --- a/src/browser/base/content/zen-styles/zen-browser-ui.css +++ b/src/browser/base/content/zen-styles/zen-browser-ui.css @@ -51,4 +51,4 @@ display: flex; flex-direction: row; padding: 1px; /* To allow the web view's shadow to be visible */ -} \ No newline at end of file +} diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css index 871c15996..890797ad9 100644 --- a/src/browser/base/content/zen-styles/zen-decks.css +++ b/src/browser/base/content/zen-styles/zen-decks.css @@ -18,7 +18,6 @@ #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'] { flex: 1; - margin-right: 5px; } #tabbrowser-tabpanels[zen-split-view='true'] > [zen-split-anim='true'] { @@ -31,8 +30,27 @@ #tabbrowser-tabpanels:has(> [zen-split='true']) { display: grid; - row-gap: var(--zen-element-separation); - column-gap: calc(var(--zen-element-separation) / 2); + row-gap: 0; + column-gap: 0; + --zen-split-row-gap: calc(var(--zen-element-separation) + 2px); + --zen-split-column-gap: calc(var(--zen-element-separation) + 1px); +} + +#tabbrowser-tabpanels[zen-split-view] { + .zen-split-view-splitter { + display: inherit; + } +} + +.zen-split-view-splitter { + display: none; + visibility: inherit; + cursor: ew-resize; + -moz-subtree-hidden-only-visually: 0; +} + +.zen-split-view-splitter[orient='horizontal'] { + cursor: n-resize; } #zen-split-views-box:not([hidden='true']) {