ZenBrowserMirrors/components
1
0
Fork 0
mirror of https://github.com/zen-browser/components.git synced 2025-07-08 06:19:59 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor openGlance method to accept target element and send relevant data

Browse source
This commit is contained in:
mr. M 2024-10-28 16:59:34 +01:00
parent a942043645
commit 416369c981
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
3 changed files with 32 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/ZenGlanceManager.mjs
View file

@ -21,10 +21,15 @@
}
observe(subject, topic, data) {
this.openGlance(data);
this.openGlance(JSON.parse(data));
}
openGlance(url) {
openGlance(data) {
const initialX = data.x;
const initialY = data.y;
const initialWidth = data.width;
const initialHeight = data.height;
const url = data.url;
if (this.#currentBrowser) {
return;
}
@ -33,6 +38,11 @@
overlayWrapper.appendChild(this.overlay);
window.requestAnimationFrame(() => {
this.browserWrapper.style.setProperty("--initial-x", `${initialX}px`);
this.browserWrapper.style.setProperty("--initial-y", `${initialY}px`);
this.browserWrapper.style.setProperty("--initial-width", initialWidth + "px");
this.browserWrapper.style.setProperty("--initial-height", initialHeight + "px");
this.overlay.removeAttribute("fade-out");
this.overlay.removeAttribute("hidden");
});
}
@ -41,7 +51,13 @@
this.#currentBrowser?.remove();
this.#currentBrowser = null;
this.overlay.setAttribute("hidden", true);
window.requestAnimationFrame(() => {
this.overlay.setAttribute("fade-out", true);
setTimeout(() => {
this.overlay.setAttribute("hidden", true);
this.overlay.removeAttribute("fade-out");
}, 800);
});
}
onLocationChange(_) {