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

Fixed transparent URL

Browse Source
This commit is contained in:
mr. M
2024-12-05 18:20:27 +01:00
parent 6902d5fb02
commit 3811d7739d
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -328,7 +328,7 @@ button.popup-notification-dropmarker {
padding-right: var(--zen-element-separation) !important; padding-right: var(--zen-element-separation) !important;
}*/ }*/
#urlbar[breakout-extend='true'] { #urlbar[open] {
z-index: 1000; z-index: 1000;
min-width: 600px; min-width: 600px;
top: 0 !important; top: 0 !important;
@@ -339,11 +339,7 @@ button.popup-notification-dropmarker {
/* We cant have a transparent background with a backdrop-filter because on normal websites, /* 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 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 */ due to performance issues */
background-color: light-dark( background-color: var(--zen-branding-bg) !important;
rgba(255, 255, 255, 0.55),
rgba(25, 25, 25, 0.65)
) !important;
backdrop-filter: blur(30px) !important;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) !important; box-shadow: 0 0 1px 1px 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: 1px solid light-dark(rgba(20, 20, 20, 0.2), rgba(235, 235, 235, 0.2)) !important;
outline-offset: -1px !important; outline-offset: -1px !important;
@@ -362,7 +358,7 @@ button.popup-notification-dropmarker {
min-width: 45%; min-width: 45%;
position: absolute; position: absolute;
top: calc(var(--zen-toolbar-height) * 4) !important; top: calc(var(--zen-toolbar-height) * 2) !important;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);