mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-02 16:08:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed animations for glance

Browse Source
This commit is contained in:
mr. M
2024-10-29 10:21:47 +01:00
parent 64c3ff4573
commit 4783f264df
5 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-components

Submodule src/browser/base/content/zen-components updated: 893eead718...ed7ce7c8d3

1
src/browser/base/content/zen-glance.inc.xhtml
View File

@@ -9,4 +9,5 @@
</vbox> </vbox>
</vbox> </vbox>
</hbox> </hbox>
<hbox id="zen-glance-tabs" hidden="true"></hbox>
</hbox> </hbox>

12
src/browser/base/content/zen-styles/zen-animations.css
View File

@@ -279,20 +279,10 @@
opacity: 1; opacity: 1;
} }
96% { 80% {
opacity: 1; opacity: 1;
} }
98% {
/* make the box grow to full width/height */
opacity: 1;
transform: translateX(-50%);
top: -5px;
left: 50%;
width: 77%;
height: 102%;
}
100% { 100% {
transform: translateX(-50%); transform: translateX(-50%);
opacity: 1; opacity: 1;

3
src/browser/base/content/zen-styles/zen-glance.css
View File

@@ -7,7 +7,7 @@
top: 0; top: 0;
left: 0; left: 0;
z-index: 3; z-index: 3;
background: color-mix(in srgb, var(--zen-colors-tertiary) 10%, transparent 90%); background: color-mix(in srgb, var(--zen-colors-tertiary) 20%, transparent 80%);
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
animation: zen-glance-overlay-animation 0.1s ease-in-out forwards; animation: zen-glance-overlay-animation 0.1s ease-in-out forwards;
border-radius: var(--zen-border-radius); border-radius: var(--zen-border-radius);
@@ -45,6 +45,7 @@
} }
& #zen-glance-content { & #zen-glance-content {
z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;

11
src/browser/components/tabbrowser/content/tabbrowser-js.patch
View File

@@ -1,5 +1,5 @@
diff --git a/browser/components/tabbrowser/content/tabbrowser.js b/browser/components/tabbrowser/content/tabbrowser.js diff --git a/browser/components/tabbrowser/content/tabbrowser.js b/browser/components/tabbrowser/content/tabbrowser.js
index c89ae2cbb978d6218bd56a059c5ca1e371231607..58c05bd5c935f73e154e84f66b39f58e5741caf6 100644 index c89ae2cbb978d6218bd56a059c5ca1e371231607..15cc611a9b08227abcf2e0137ed9e82a90704a89 100644
--- a/browser/components/tabbrowser/content/tabbrowser.js --- a/browser/components/tabbrowser/content/tabbrowser.js
+++ b/browser/components/tabbrowser/content/tabbrowser.js +++ b/browser/components/tabbrowser/content/tabbrowser.js
@@ -456,11 +456,26 @@ @@ -456,11 +456,26 @@
@@ -39,6 +39,15 @@ index c89ae2cbb978d6218bd56a059c5ca1e371231607..58c05bd5c935f73e154e84f66b39f58e
oldTab.updateLastAccessed(); oldTab.updateLastAccessed();
// if this is the foreground window, update the last-seen timestamps. // if this is the foreground window, update the last-seen timestamps.
if (this.ownerGlobal == BrowserWindowTracker.getTopWindow()) { if (this.ownerGlobal == BrowserWindowTracker.getTopWindow()) {
@@ -2485,7 +2501,7 @@
// hasSiblings=false on both the existing browser and the new browser.
if (this.tabs.length == 2) {
this.tabs[0].linkedBrowser.browsingContext.hasSiblings = true;
- this.tabs[1].linkedBrowser.browsingContext.hasSiblings = true;
+ if (this.tabs[1].linkedBrowser.browsingContext) this.tabs[1].linkedBrowser.browsingContext.hasSiblings = true;
} else {
aTab.linkedBrowser.browsingContext.hasSiblings = this.tabs.length > 1;
}
@@ -2705,6 +2721,11 @@ @@ -2705,6 +2721,11 @@
); );
} }