From ebe2e089ab8f302bd0afbf020cae5379554bc1ca Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 16 Nov 2021 09:34:19 +0900 Subject: [PATCH] Fix: Animate - Reduced motion at photon-style #268 --- userChrome.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 57e21d6..7f588e5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3208,8 +3208,10 @@ opacity: 0 !important; transform: scaleX(0) !important; } - .tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line { - transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function) !important; /* --animation-easing-function: cubic-bezier(.07, .95, 0, 1); */ + @media (prefers-reduced-motion: no-preference) { + .tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line { + transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function) !important; /* --animation-easing-function: cubic-bezier(.07, .95, 0, 1); */ + } } /* Remove side's background color border */