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>
remotes/1693045480750635534/spooky-22
booosy 2022-08-24 09:31:40 -07:00 committed by GitHub
parent 640e740e55
commit 8c81858566
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions

View File

@ -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;
}

View File

@ -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>