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

Fixed URLbar stylings when on normal mode

Browse Source
This commit is contained in:
mr. M
2024-12-17 22:29:09 +01:00
parent e1b43e71bb
commit 0bd34061b9
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/browser/base/content/zen-styles/zen-urlbar.css
View File

@@ -134,7 +134,7 @@
#identity-permission-box:not([open]),
#notification-popup-box:not([open]) {
margin-inline-start: calc(-16px - 2 * var(--urlbar-icon-padding));
margin-inline-start: calc(-10px - 2 * var(--urlbar-icon-padding));
opacity: 0;
transition: all 0.2s;
}
@@ -338,12 +338,17 @@ button.popup-notification-dropmarker {
}
#urlbar[open] {
--urlbar-margin-inline: 5px !important;
& #identity-box {
margin-right: var(--urlbar-margin-inline);
}
& #urlbar-background {
/* We cant have a transparent background with a backdrop-filter because on normal websites,
the backdrop woudn't work, we would need to apply a clip-path to the site and that's not recommended
due to performance issues */
background-color: var(--zen-branding-bg) !important;
background-color: light-dark(rgb(247, 247, 247), var(--zen-branding-bg)) !important;
box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1)) !important;
outline: 1px solid light-dark(rgba(20, 20, 20, 0.2), rgba(235, 235, 235, 0.2)) !important;
outline-offset: -1px !important;
@@ -367,11 +372,6 @@ button.popup-notification-dropmarker {
font-size: 1.1em;
--urlbar-container-height: 55px !important;
--urlbar-margin-inline: 10px !important;
& #identity-box {
margin-right: var(--urlbar-margin-inline);
}
position: absolute;
top: calc(var(--zen-toolbar-height) * 2) !important;

2
src/browser/base/zen-components/ZenGradientGenerator.mjs
View File

@@ -668,8 +668,8 @@
}
}
browser.document.documentElement.style.setProperty('--zen-main-browser-background', gradient);
browser.document.documentElement.style.setProperty('--zen-main-browser-background-toolbar', gradientToolbar);
browser.document.documentElement.style.setProperty('--zen-main-browser-background', gradient);
const dominantColor = this.getMostDominantColor(workspaceTheme.gradientColors);
if (dominantColor) {