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 bc71a4a6e..ff17a92f5 100644 --- a/src/browser/base/content/zen-styles/zen-browser-ui.css +++ b/src/browser/base/content/zen-styles/zen-browser-ui.css @@ -42,23 +42,3 @@ display: flex; flex-direction: row; } - -#tabbrowser-tabpanels[zen-split-view] { - .zen-split-view-splitter { - display: inherit !important; - } - .zen-split-view-splitter[orient='vertical'] { - width: 7px; - } - .zen-split-view-splitter[orient='horizontal'] { - height: 7px; - cursor: n-resize; - } -} - -.zen-split-view-splitter { - display: none; - visibility: inherit; - cursor: ew-resize; - -moz-subtree-hidden-only-visually: 0; -} diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css index 79a6d6227..9ef63985b 100644 --- a/src/browser/base/content/zen-styles/zen-decks.css +++ b/src/browser/base/content/zen-styles/zen-decks.css @@ -30,8 +30,28 @@ #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-grid-gap: calc(var(--zen-element-separation) + 2px); + --zen-split-row-gap: var(--zen-split-grid-gap); + --zen-split-column-gap: var(--zen-split-grid-gap); +} + +#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']) {