mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-01-08 14:23:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix splitview splitter alignment

Browse Source
This commit is contained in:
brahim
2024-10-05 02:00:15 +02:00
parent 7cf789ad5f
commit e429d0317d
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -35,7 +35,7 @@
--zen-split-column-gap: calc(var(--zen-element-separation) + 1px);
}
#tabbrowser-tabpanels:has(> [zen-split='true']) {
#tabbrowser-tabpanels:has(> [zen-split='true']), #zen-splitview-splitterbox {
margin-right: calc(var(--zen-element-separation) - var(--zen-split-row-gap)/2);
margin-bottom: calc(var(--zen-element-separation) - var(--zen-split-column-gap)/2);
margin-top: calc(var(--zen-split-row-gap)/-2);
@@ -52,15 +52,17 @@ margin-left: calc(-var(--zen-split-row-gap)/2);
#zen-splitview-overlay {
position: absolute;
width: calc(100% - var(--zen-element-separation));
height: calc(100% - var(--zen-element-separation));
width: 100%;
height: 100%;
pointer-events: none;
padding: inherit;
}
#zen-splitview-splitterbox {
position: absolute;
width: 100%;
height: 100%;
position: relative;
flex: 1;
padding-right: var(--zen-element-separation);
padding-bottom: var(--zen-element-separation);
z-index: 2;
}
@@ -73,7 +75,7 @@ margin-left: calc(-var(--zen-split-row-gap)/2);
}
.zen-split-view-splitter[orient='vertical'] {
width: var(--zen-split-column-gap);
width: var(--zen-split-row-gap);
margin-left: calc(var(--zen-split-row-gap) * -1);
}