From e281a18ec7035f17904f5a29ef8101941f149e80 Mon Sep 17 00:00:00 2001 From: Slowlife01 Date: Fri, 14 Mar 2025 18:45:15 +0700 Subject: [PATCH 1/2] add negative margin to focus button when hidden --- src/browser/base/content/zen-styles/zen-media-controls.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/browser/base/content/zen-styles/zen-media-controls.css b/src/browser/base/content/zen-styles/zen-media-controls.css index c6093ff10..ebb90f944 100644 --- a/src/browser/base/content/zen-styles/zen-media-controls.css +++ b/src/browser/base/content/zen-styles/zen-media-controls.css @@ -83,7 +83,9 @@ height: 0; opacity: 0; padding: 0; + margin-right: -10%; transform: translateX(-20px); + transition: margin 0.15s ease-in-out; } @container (min-width: 185px) { From 39c956829a9664546f4596b40afe60cfb56f7777 Mon Sep 17 00:00:00 2001 From: Slowlife01 Date: Fri, 14 Mar 2025 19:00:04 +0700 Subject: [PATCH 2/2] Check if control is already hidden --- src/browser/base/zen-components/ZenMediaController.mjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/browser/base/zen-components/ZenMediaController.mjs b/src/browser/base/zen-components/ZenMediaController.mjs index 456fbb3e5..e41ca0dd2 100644 --- a/src/browser/base/zen-components/ZenMediaController.mjs +++ b/src/browser/base/zen-components/ZenMediaController.mjs @@ -39,7 +39,7 @@ class ZenMediaController { .then(() => { this.mediaControlBar.setAttribute('hidden', 'true'); }); - } else { + } else if (this.mediaControlBar.hasAttribute('hidden')) { this.mediaControlBar.removeAttribute('hidden'); window.requestAnimationFrame(() => { this.mediaControlBar.style.height =