mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-01-05 21:07:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move splitter css to zen-decks.css, use css vars for gridSizes

Browse Source
This commit is contained in:
brahim
2024-09-16 02:56:46 +02:00
parent bd25205ad5
commit 4cf7827df9
2 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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;
}

24
src/browser/base/content/zen-styles/zen-decks.css
View File

@@ -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']) {