From 235878033eb2d35764c2e72ebacedab5a7d5d8d3 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 25 Jul 2022 13:27:56 -0400
Subject: [PATCH] UX: only transition header on sidebar toggle (#17646)

---
 app/assets/stylesheets/common/base/header.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index 4fa48793e9..47ccdb85d3 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -18,8 +18,10 @@
     width: 100%;
     height: 100%;
     @media (prefers-reduced-motion: no-preference) {
-      transition: padding-left var(--d-sidebar-animation-time)
-        var(--d-sidebar-animation-ease) !important; // only works with an important... :/
+      .sidebar-animate & {
+        transition: padding-left var(--d-sidebar-animation-time)
+          var(--d-sidebar-animation-ease) !important; // only works with an important... :/
+      }
     }
     .contents {
       display: flex;