From 5dabbf7c942196590e3b9b5c5c5c2148c8215b04 Mon Sep 17 00:00:00 2001 From: Harry Twyford Date: Fri, 27 Sep 2019 10:58:46 +0000 Subject: [PATCH] Bug 1584273 - Disable the megabar animation when prefers-reduced-motion is true. r=dao Differential Revision: https://phabricator.services.mozilla.com/D47348 --HG-- extra : moz-landing-system : lando --- browser/themes/shared/urlbar-searchbar.inc.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/browser/themes/shared/urlbar-searchbar.inc.css b/browser/themes/shared/urlbar-searchbar.inc.css index bfee9e57424e..17443e686b43 100644 --- a/browser/themes/shared/urlbar-searchbar.inc.css +++ b/browser/themes/shared/urlbar-searchbar.inc.css @@ -116,6 +116,13 @@ transition-timing-function: var(--animation-easing-function); } +@media (prefers-reduced-motion: reduce) { + #urlbar[breakout][breakout-extend-animate], + #urlbar[breakout][breakout-extend-animate] > #urlbar-input-container { + transition-duration: 0s; + } +} + #urlbar[breakout][breakout-extend] { /* The z-index needs to be big enough to trump other positioned UI pieces that we want to overlay. 3 is used in the tab bar. */