From 8f18929f29811d6f5a7d52a1342d16a2213d93de Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Tue, 2 May 2023 19:46:42 +0300
Subject: [PATCH] stop sidebar image from making page jump

---
 files/assets/css/main.css           | 8 ++++++++
 files/templates/sidebar_WPD.html    | 2 +-
 files/templates/sidebar_rDrama.html | 4 ++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 1fd8abdad..26eea8412 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7333,3 +7333,11 @@ button, .btn {
 	color: var(--primary) !important;
 	cursor: default;
 }
+
+
+.sidebar-img {
+	width: 100%;
+	height: 200px;
+	object-fit: contain;
+}
+
diff --git a/files/templates/sidebar_WPD.html b/files/templates/sidebar_WPD.html
index d179460d8..49482e12c 100644
--- a/files/templates/sidebar_WPD.html
+++ b/files/templates/sidebar_WPD.html
@@ -16,7 +16,7 @@
 
 	{% if request.path != '/sidebar' %}
 		<a href="{{image}}">
-			<img class="mb-4" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{image}}" width=100%>
+			<img class="mb-4 sidebar-img" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{image}}">
 		</a>
 	{% endif %}
 
diff --git a/files/templates/sidebar_rDrama.html b/files/templates/sidebar_rDrama.html
index d32d558e7..9ecc4facf 100644
--- a/files/templates/sidebar_rDrama.html
+++ b/files/templates/sidebar_rDrama.html
@@ -17,11 +17,11 @@
 	{% if request.path != '/sidebar' %}
 		{% if v and (v.is_banned or v.agendaposter) %}
 			<a href="{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/sidebar2.webp">
-				<img class="mb-4" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/sidebar2.webp" width=100%>
+				<img class="mb-4 sidebar-img" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{SITE_FULL_IMAGES}}/i/{{SITE_NAME}}/sidebar2.webp">
 			</a>
 		{% elif not (sub and sub.name == 'chudrama' and v and not v.can_see_chudrama) %}
 			<a href="{{image}}">
-				<img class="mb-4" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{image}}" width=100%>
+				<img class="mb-4 sidebar-img" alt="sidebar image" data-nonce="{{g.nonce}}" data-onclick="expandImage()" loading="lazy" src="{{image}}">
 			</a>
 		{% endif %}
 	{% endif %}