From b22eb20b2b6923babdae3fbf3f3693675c31d8f5 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Tue, 2 May 2023 19:44:39 +0300
Subject: [PATCH] stop banners from making page jump

---
 files/assets/css/main.css    | 12 ++++++++++++
 files/templates/default.html |  8 +++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 2acbb676b..b9f528281 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6854,14 +6854,26 @@ div.markdown {
 
 .site-banner {
 	width: 100%;
+	height: 100%;
 	max-height: 30vh;
 	object-fit: contain;
 }
 .site-banner-hole {
 	width: 100%;
+	height: 100%;
 	object-fit: cover;
 	max-height: min(42vh,30vw) !important;
 }
+.banner-wrapper > div {
+	position: relative;
+}
+.banner-wrapper > div > div {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
 
 .modlog-action {
 	display: flex;
diff --git a/files/templates/default.html b/files/templates/default.html
index ded6ee487..b7239577d 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -45,7 +45,13 @@
 					{% endif %}
 				{% endif %}
 			
-				<img data-nonce="{{g.nonce}}" data-onclick="{{expand|default('expandImage()')}}" class="{{class|default('site-banner')}}" alt="{{alt|default('site banner')}}" src="{{banner_url}}">
+				<div class="banner-wrapper">
+					<div style="padding: 0 0 12.2%">
+						<div>
+							<img data-nonce="{{g.nonce}}" data-onclick="{{expand|default('expandImage()')}}" class="{{class|default('site-banner')}}" alt="{{alt|default('site banner')}}" src="{{banner_url}}">
+						</div>
+					</div>
+				</div>
 			</a>
 		{% endif %}
 	{% endif %}