mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Made compact mode toolbar also inherit the background colors

Browse Source
This commit is contained in:
mr. M
2024-10-28 11:23:39 +01:00
parent 315180816d
commit e28af61ac2
2 changed files with 9 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -84,7 +84,3 @@
.titlebar-buttonbox-container {
height: 100%;
}
:root:not([inDOMFullscreen='true']) #tabbrowser-tabbox {
padding: 2px; /* To allow the web view's shadow to be visible */
}

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

@@ -53,7 +53,7 @@
background-attachment: fixed !important;
background-size: 2000px !important; /* Dont ask me why */
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
border-radius: calc(var(--zen-border-radius) + 2px);
border-radius: var(--zen-border-radius);
padding: var(--zen-toolbox-padding) !important;
position: relative;
}
@@ -112,27 +112,23 @@
}
#zen-appcontent-navbar-container {
--zen-compact-toolbar-offset: 5px;
position: absolute;
top: 0;
transform: translateY(calc(-100% + var(--zen-element-separation) + 1px));
left: 0;
left: calc(var(--zen-element-separation) + var(--zen-compact-toolbar-offset));
z-index: 10;
background: var(--zen-themed-toolbar-bg);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3) !important;
border-bottom-left-radius: var(--zen-border-radius);
border-bottom-right-radius: var(--zen-border-radius);
border: 1px solid var(--zen-colors-border);
border-top-width: 0px;
transition: all 0.1s ease-in-out;
width: 100%;
width: calc(100% - ((var(--zen-element-separation) + var(--zen-compact-toolbar-offset)) * 2));
opacity: 0;
:root[tabsintitlebar][sizemode='normal']:not([gtktiledwindow='true']) & {
border-top-left-radius: env(-moz-gtk-csd-titlebar-radius);
border-top-right-radius: env(-moz-gtk-csd-titlebar-radius);
border-left-width: 0;
border-right-width: 0;
}
background-attachment: fixed;
backdrop-filter: blur(5px);
background: var(--zen-main-browser-background);
background-size: 100% 2000px;
}
#zen-appcontent-navbar-container:hover,