From 8c818585664a92f2b3cc46a5d9cee0c5a575f872 Mon Sep 17 00:00:00 2001
From: booosy <104043001+booosy@users.noreply.github.com>
Date: Wed, 24 Aug 2022 09:31:40 -0700
Subject: [PATCH] Make search params dropdown class z-index id based (#338)

* Move dropdown class z-index change for search params dropdown to specific id

To avoid z-fighting

* main.css v++

Co-authored-by: Aevann1 <59999695+Aevann1@users.noreply.github.com>
---
 files/assets/css/main.css   | 6 +++++-
 files/templates/search.html | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index b1f7f1a10..64f4d715d 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -3627,7 +3627,7 @@ small, .small {
 	color: var(--muted);
 	font-weight: 600;
 	font-size: 12px;
-	z-index: 100;
+	z-index: 3;
 }
 .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far {
 	font-size: 12px;
@@ -6254,4 +6254,8 @@ blockquote > :not(blockquote) {
 
 blockquote + blockquote, blockquote:first-child, blockquote:last-child {
 	margin-top: 0 !important;
+}
+
+#searchparams-dropdown {
+	z-index: 100;
 }
\ No newline at end of file
diff --git a/files/templates/search.html b/files/templates/search.html
index 7a5252e46..bd3bac4df 100644
--- a/files/templates/search.html
+++ b/files/templates/search.html
@@ -37,7 +37,7 @@
 			<div class="card-body pb-2">
 				<div class="pl-md-3">
 					{% if not request.path.startswith('/search/users') %}
-						<div class="dropdown dropdown-actions">
+						<div id="searchparams-dropdown" class="dropdown dropdown-actions">
 							<button class="btn btn-secondary dropdown-toggle" role="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><strong>Advanced search parameters (with examples)</strong></button>
 							<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);">
 								<div>