From dd5cdd904fa30c908c296e1cca14af587fbe6d31 Mon Sep 17 00:00:00 2001 From: Samuel Wall Date: Thu, 6 Feb 2025 22:48:51 +0000 Subject: [PATCH 1/2] compact mode respect prefers reduced motion --- .../content/zen-styles/zen-compact-mode.css | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css index 4c4fa10533..15d6e2ddb6 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -50,6 +50,10 @@ padding: 0 var(--zen-compact-float) !important; opacity: 0; + @media (prefers-reduced-motion) { + transition: none; + } + :root[zen-single-toolbar='true'] & { top: var(--zen-element-separation); } @@ -116,6 +120,10 @@ --zen-urlbar-offset: var(--zen-sidebar-width); transition: left 0.05s ease; + @media (prefers-reduced-motion) { + transition: none; + } + #navigator-toolbox:has(&) { opacity: 1; } @@ -241,6 +249,10 @@ right 0.3s var(--zen-compact-mode-func); opacity: 1; + @media (prefers-reduced-motion) { + transition: none; + } + left: -1px; :root[zen-right-side='true'] & { right: -1px; @@ -298,6 +310,10 @@ max-height: var(--zen-toolbar-height); overflow: hidden; + @media (prefers-reduced-motion) { + transition: none; + } + & > * { position: relative !important; } @@ -305,6 +321,10 @@ & #urlbar { transform: translateY(-50%); transition: transform 0.1s ease-in-out; + + @media (prefers-reduced-motion) { + transition: none; + } } @media (-moz-bool-pref: 'zen.view.compact.color-toolbar') { From 1e9a2f47f0729d5c69b40b7f8a39fbb03c872d1c Mon Sep 17 00:00:00 2001 From: Samuel Wall Date: Fri, 7 Feb 2025 12:05:45 +0000 Subject: [PATCH 2/2] fix animate side bar pref in compact mode --- src/browser/base/content/zen-styles/zen-compact-mode.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css index 15d6e2ddb6..6bbdf570ad 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/src/browser/base/content/zen-styles/zen-compact-mode.css @@ -50,7 +50,7 @@ padding: 0 var(--zen-compact-float) !important; opacity: 0; - @media (prefers-reduced-motion) { + @media (prefers-reduced-motion) or (not (-moz-bool-pref: 'zen.view.compact.animate-sidebar')) { transition: none; } @@ -249,7 +249,7 @@ right 0.3s var(--zen-compact-mode-func); opacity: 1; - @media (prefers-reduced-motion) { + @media (prefers-reduced-motion) or (not (-moz-bool-pref: 'zen.view.compact.animate-sidebar')) { transition: none; }