From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 9 Oct 2023 17:01:14 +0000 (-0700)
Subject: Fix slim sidebar animation on xxxl screens
X-Git-Tag: v2.0.0-beta.1~58
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6acd30eda133ab1a38c0ea6469cbcd575ddbb882;p=thirdparty%2Fpaperless-ngx.git

Fix slim sidebar animation on xxxl screens
---

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss
index 89f69bb5e0..6877369a5b 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.scss
+++ b/src-ui/src/app/components/app-frame/app-frame.component.scss
@@ -18,7 +18,7 @@
     height: 0.8em;
   }
 
-  // These come from the col-md-3 col-lg-2 classes for regular sidebar, needed for animation
+  // These come from the col-* classes for non-slim sidebar, needed for animation
   @media (min-width: 768px) {
     max-width: 25%;
   }
@@ -27,6 +27,10 @@
     max-width: 16.66666667%;
   }
 
+  @media (min-width: 2000px) {
+    max-width: 8.33333333%;
+  }
+
   transition: all .2s ease;
 }
 @media (max-width: 767.98px) {