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

Enhance compact mode and URL bar behavior with improved transitions and offset handling; update version numbers in surfer.json

Browse Source
This commit is contained in:
mr. M
2025-02-05 00:35:38 +01:00
parent 365214d7f9
commit 63109b4337
6 changed files with 40 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -109,6 +109,11 @@
background-size: 2000px !important; /* Dont ask me why */
backdrop-filter: blur(5px) !important;
}
& #urlbar[open][zen-floating-urlbar='true'] {
--zen-urlbar-offset: var(--zen-sidebar-width);
transition: left 0.1s ease;
}
}
#navigator-toolbox:hover,
@@ -120,8 +125,8 @@
#navigator-toolbox:has(.tabbrowser-tab:active),
#navigator-toolbox:has(
*:is([panelopen='true'], [open='true'], #urlbar:not([zen-floating-urlbar='true']):focus-within):not(tab):not(.zen-compact-mode-ignore)
):not(:has(#urlbar[zen-floating-urlbar='true']:hover)) {
&:not([animate='true']) {
) {
&:not([animate='true']):not(:has(#urlbar[zen-floating-urlbar='true']:hover)) {
--zen-compact-mode-func: linear(
0 0%,
0.002748 1%,
@@ -234,6 +239,10 @@
right: -1px;
left: auto;
}
& #urlbar[open][zen-floating-urlbar='true'] {
--zen-urlbar-offset: 0px;
}
}
}
}

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

@@ -413,12 +413,14 @@ button.popup-notification-dropmarker {
font-size: 1.15em !important;
top: calc(var(--zen-toolbar-height) * 2) !important;
--zen-urlbar-center: calc(var(--zen-urlbar-offset, 0px) + 28vw);
:root[zen-right-side='true'] & {
right: 28vw !important;
right: var(--zen-urlbar-center) !important;
}
:root:not([zen-right-side='true']) & {
left: 28vw !important;
left: var(--zen-urlbar-center) !important;
}
#urlbar-container:has(&) {

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

@@ -342,7 +342,7 @@ var gZenCompactModeManager = {
return;
}
if (this.hoverableElements[i].keepHoverDuration) {
if (this.hoverableElements[i].keepHoverDuration && !event.target.querySelector('#urlbar[zen-floating-urlbar]')) {
this.flashElement(target, this.hoverableElements[i].keepHoverDuration, 'has-hover' + target.id, 'zen-has-hover');
} else {
this._removeHoverFrames[target.id] = window.requestAnimationFrame(() => target.removeAttribute('zen-has-hover'));