mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-16 23:06:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance zen styles for split view and glance components with padding adjustments

Browse Source
This commit is contained in:
mr. m
2025-04-13 17:01:46 +02:00
parent b7d5f6655d
commit 7c8625821a
2 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,6 +55,10 @@
} }
#tabbrowser-tabbox:has(#tabbrowser-tabpanels[zen-split-view='true']) { #tabbrowser-tabbox:has(#tabbrowser-tabpanels[zen-split-view='true']) {
:root[zen-no-padding='true'] & {
--zen-element-separation: 8px;
}
--zen-split-row-gap: var(--zen-element-separation); --zen-split-row-gap: var(--zen-element-separation);
--zen-split-column-gap: calc(var(--zen-element-separation) + 1px); --zen-split-column-gap: calc(var(--zen-element-separation) + 1px);
margin-right: calc(-1 * var(--zen-split-column-gap)); margin-right: calc(-1 * var(--zen-split-column-gap));

23
src/browser/base/content/zen-styles/zen-glance.css
View File

@@ -4,11 +4,6 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. * file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/ */
.browserSidebarContainer:has([zen-glance-selected]),
.browserSidebarContainer.zen-glance-overlay {
visibility: inherit;
}
#zen-glance-sidebar-container { #zen-glance-sidebar-container {
position: absolute; position: absolute;
display: flex; display: flex;
@@ -88,18 +83,32 @@
} }
} }
:root[zen-no-padding='true'] .browserSidebarContainer.zen-glance-background {
--zen-native-inner-radius: 4px;
--zen-element-separation: 4px;
}
.browserSidebarContainer.zen-glance-background,
.browserSidebarContainer.zen-glance-overlay .browserContainer {
border-radius: var(--zen-native-inner-radius);
box-shadow: var(--zen-big-shadow);
}
.browserSidebarContainer.zen-glance-overlay { .browserSidebarContainer.zen-glance-overlay {
box-shadow: none !important; box-shadow: none !important;
visibility: inherit;
:root[zen-no-padding='true'] & {
--zen-native-inner-radius: 0px;
}
& .browserContainer { & .browserContainer {
background: var(--zen-dialog-background); background: var(--zen-dialog-background);
position: fixed; position: fixed;
border-radius: var(--zen-native-inner-radius);
opacity: 0; opacity: 0;
top: 0; top: 0;
left: 0; left: 0;
flex: unset !important; flex: unset !important;
box-shadow: var(--zen-big-shadow);
&[has-finished-animation='true'] { &[has-finished-animation='true'] {
position: relative !important; position: relative !important;