UX: only transition header on sidebar toggle (#17646)

2022-07-25 13:27:56 -04:00 · 2022-07-25 13:27:56 -04:00 · 235878033e
parent 6df36247c1
commit 235878033e
1 changed files with 4 additions and 2 deletions
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@ -18,9 +18,11 @@
    width: 100%;
    height: 100%;
    @media (prefers-reduced-motion: no-preference) {
+      .sidebar-animate & {
        transition: padding-left var(--d-sidebar-animation-time)
          var(--d-sidebar-animation-ease) !important; // only works with an important... :/
      }
+    }
    .contents {
      display: flex;
      align-items: center;