From fcc129fe54bbb2995af462071da872ca6bdeb08b Mon Sep 17 00:00:00 2001
From: Frans de Jonge <fransdejonge@gmail.com>
Date: Thu, 14 May 2026 12:55:33 +0200
Subject: [PATCH] Reduce sidebar animation duration from 200ms to 100ms (#8830)

#8747 (re?)introduced an animation I find unbearably slow. If it was always there I suppose I just got used to it.

How to test the feature manually:

1. Open and close the sidebar on a sufficiently small width.
---
 p/themes/base-theme/base.css     | 2 +-
 p/themes/base-theme/base.rtl.css | 2 +-
 p/themes/base-theme/frss.css     | 4 ++--
 p/themes/base-theme/frss.rtl.css | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index 035341ae1..5afe94833 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -687,7 +687,7 @@ th {
 
 @media (max-width: 840px) {
 	.aside {
-		transition: width 200ms linear;
+		transition: width 100ms ease-in;
 	}
 
 	.aside .toggle_aside,
diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css
index fce6748b7..726c070c4 100644
--- a/p/themes/base-theme/base.rtl.css
+++ b/p/themes/base-theme/base.rtl.css
@@ -687,7 +687,7 @@ th {
 
 @media (max-width: 840px) {
 	.aside {
-		transition: width 200ms linear;
+		transition: width 100ms ease-in;
 	}
 
 	.aside .toggle_aside,
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 31ef6bbc4..4c256e795 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -2124,7 +2124,7 @@ html.slider-active {
 }
 
 #slider.sliding {
-	transition: width 200ms linear;
+	transition: width 100ms ease-in;
 }
 
 #close-slider {
@@ -2812,7 +2812,7 @@ html.slider-active {
 		width: 0;
 		overflow: hidden;
 		z-index: 100;
-		transition: width 200ms linear;
+		transition: width 100ms ease-in;
 	}
 
 	.aside.aside_feed {
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 4f146fa70..c216dfc6b 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -2124,7 +2124,7 @@ html.slider-active {
 }
 
 #slider.sliding {
-	transition: width 200ms linear;
+	transition: width 100ms ease-in;
 }
 
 #close-slider {
@@ -2812,7 +2812,7 @@ html.slider-active {
 		width: 0;
 		overflow: hidden;
 		z-index: 100;
-		transition: width 200ms linear;
+		transition: width 100ms ease-in;
 	}
 
 	.aside.aside_feed {