mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-03-27 10:51:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Zen theme CSS to use CSS variables for element separation

Browse Source
This commit is contained in:
Mauro Balades
2024-08-15 16:26:25 +02:00
parent 5a72ca7703
commit c46aa247c7
4 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/browser/base/content/zen-styles/zen-compact-mode.css
View File

@@ -23,7 +23,8 @@
z-index: 1;
height: 100%;
margin: 0;
padding: var(--zen-compact-toolbox-margin) !important;
padding: var(--zen-compact-toolbox-margin);
padding-top: calc(var(--zen-compact-toolbox-margin-single) - var(--zen-element-separation));
& #titlebar {
border: 1px solid var(--zen-colors-border);
@@ -48,7 +49,7 @@
#zen-sidebar-web-panel-wrapper:not(:has(#zen-sidebar-web-panel[hidden="true"])),
#sidebar-box:not([positionend="true"]) {
margin-right: 0 !important;
margin-left: calc(var(--zen-sidebar-web-panel-spacing) / 2) !important;
margin-left: var(--zen-sidebar-web-panel-spacing) !important;
}
#sidebar-box[positionend="true"] {

8
src/browser/base/content/zen-styles/zen-sidebar-panels.css
View File

@@ -53,6 +53,7 @@
#zen-sidebar-web-panel-wrapper {
--zen-default-sidebar-width: 300px;
--zen-sidebar-web-panel-spacing: var(--zen-element-separation);
position: relative;
margin-right: 0;
display: flex;
@@ -67,17 +68,12 @@
}
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[pinned="true"]) {
--zen-sidebar-web-panel-spacing: 10px;
margin: var(--zen-appcontent-separator-from-window);
position: absolute;
z-index: 1;
width: -moz-available;
padding: var(--zen-sidebar-web-panel-spacing);
height: calc(100% - 10px);
}
#zen-sidebar-web-panel:not([pinned="true"]) {
--zen-sidebar-web-panel-spacing: calc(10px / 3);
height: calc(100% - var(--zen-element-separation));
}
#zen-sidebar-web-panel {