From 5dfb64750608cbc28009aa523924255c58bf5c31 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Mon, 8 Jul 2024 15:50:05 +0300
Subject: [PATCH] better solution to the obscuring problem

---
 files/assets/css/main.css              | 4 ++++
 files/templates/errors/WPD/404.html    | 4 ++--
 files/templates/errors/WPD/502.html    | 4 ++--
 files/templates/errors/rDrama/404.html | 4 ++--
 files/templates/errors/rDrama/502.html | 4 ++--
 files/templates/modals/award.html      | 4 ++--
 files/templates/root.html              | 4 ++--
 7 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index aa00e4b53..c14ad8ee3 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5781,6 +5781,10 @@ toast {
 	z-index: 1000000002 !important;
 }
 
+#awardModal{
+	z-index: 100000000001 !important;
+}
+
 @media (max-width: 426px) {
 	.awardbtn {
 		display: block;
diff --git a/files/templates/errors/WPD/404.html b/files/templates/errors/WPD/404.html
index f85a6dcec..76c3bae6f 100644
--- a/files/templates/errors/WPD/404.html
+++ b/files/templates/errors/WPD/404.html
@@ -185,12 +185,12 @@
 	<i class="fas fa-check-circle text-success mr-2"></i>Link copied to clipboard
 	</div>
 	</div>
-	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-success text-center text-white">
 	<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text">Action successful!</span>
 	</div>
 	</div>
-	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-danger text-center text-white">
 	<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please refresh the page and try again.</span>
 	</div>
diff --git a/files/templates/errors/WPD/502.html b/files/templates/errors/WPD/502.html
index 95859b264..19ef5dd7e 100644
--- a/files/templates/errors/WPD/502.html
+++ b/files/templates/errors/WPD/502.html
@@ -187,12 +187,12 @@
 	<i class="fas fa-check-circle text-success mr-2"></i>Link copied to clipboard
 	</div>
 	</div>
-	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-success text-center text-white">
 	<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text">Action successful!</span>
 	</div>
 	</div>
-	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-danger text-center text-white">
 	<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please refresh the page and try again.</span>
 	</div>
diff --git a/files/templates/errors/rDrama/404.html b/files/templates/errors/rDrama/404.html
index 809c4f32c..2b5de47a7 100644
--- a/files/templates/errors/rDrama/404.html
+++ b/files/templates/errors/rDrama/404.html
@@ -186,12 +186,12 @@
 	<i class="fas fa-check-circle text-success mr-2"></i>Link copied to clipboard
 	</div>
 	</div>
-	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-success text-center text-white">
 	<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text">Action successful!</span>
 	</div>
 	</div>
-	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-danger text-center text-white">
 	<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please refresh the page and try again.</span>
 	</div>
diff --git a/files/templates/errors/rDrama/502.html b/files/templates/errors/rDrama/502.html
index 3eec7fd10..9c0a6fc53 100644
--- a/files/templates/errors/rDrama/502.html
+++ b/files/templates/errors/rDrama/502.html
@@ -188,12 +188,12 @@
 	<i class="fas fa-check-circle text-success mr-2"></i>Link copied to clipboard
 	</div>
 	</div>
-	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-success text-center text-white">
 	<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text">Action successful!</span>
 	</div>
 	</div>
-	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+	<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="toast-body bg-danger text-center text-white">
 	<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please refresh the page and try again.</span>
 	</div>
diff --git a/files/templates/modals/award.html b/files/templates/modals/award.html
index 9068116a4..962482178 100644
--- a/files/templates/modals/award.html
+++ b/files/templates/modals/award.html
@@ -1,7 +1,7 @@
 <script defer src="{{'js/award_modal.js' | asset}}"></script>
 
 <div class="modal fade" id="awardModal" tabindex="-1">
-	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal">
+	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5">
 		<div class="modal-content">
 			<div class="modal-header d-mob-none">
 				<h5 class="modal-title">Give Award</h5>
@@ -9,7 +9,7 @@
 					<span><i class="fas fa-times"></i></span>
 				</button>
 			</div>
-			<div id="awardModalBody" class="modal-body pt-2 pb-md-3 pb-5" style="overflow-x: hidden">
+			<div id="awardModalBody" class="modal-body pt-2 mb-3" style="overflow-x: hidden">
 				<div id="award-tabs" class="row pt-1 pb-4" style="justify-content: center">
 					<button id="effect-content-tab" class="btn btn-primary btn-block m-0 shop-tab award-tab active" data-nonce="{{g.nonce}}" data-onclick="switchAwardTab()">
 						<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>EFFECT ON CONTENT</span>
diff --git a/files/templates/root.html b/files/templates/root.html
index fc154f834..72c1ae0bc 100644
--- a/files/templates/root.html
+++ b/files/templates/root.html
@@ -72,12 +72,12 @@
 			<script defer src="{{'js/cursormarsey.js' | asset}}"></script>
 		{% endif %}
 		<script defer src="{{'js/pwa_pulltorefresh.js' | asset}}"></script>
-		<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+		<div class="toast" id="toast-post-success" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 			<div class="toast-body bg-success text-center text-white">
 				<i class="fas fa-comment-alt-smile mr-2"></i><span id="toast-post-success-text">Action successful!</span>
 			</div>
 		</div>
-		<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 10000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+		<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 2000000000" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 			<div class="toast-body bg-danger text-center text-white">
 				<i class="fas fa-exclamation-circle mr-2"></i><span id="toast-post-error-text">Error, please refresh the page and try again.</span>
 			</div>