search page: always force advanced search to dropdown to avoid overlap searchbar (#106)
* the advanced search dropdown (was dropping up depending on layout) was covering the search bar. This makes sure it always drops down. Works fine on small screens (mobile) * this is complementary to #96 with exception to the rare edge case that is happening before this new PR. The edge case is under some very specific combination of resolution + zoom, where the advanced search was partially going under the navbar because there are already some unknown z-index contexts in that area. In that case, it was impossible to fix with increasing z-index because we would just go back to the original problem or worse Reviewed-on: #106 Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net> Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>pull/108/head
parent
5a9fb8f285
commit
23c11fa7b7
|
@ -31,7 +31,7 @@
|
||||||
<div class="pl-md-3">
|
<div class="pl-md-3">
|
||||||
{% if not request.path.startswith('/search/users') %}
|
{% if not request.path.startswith('/search/users') %}
|
||||||
<div id="searchparams-dropdown" class="dropdown dropdown-actions">
|
<div id="searchparams-dropdown" class="dropdown dropdown-actions">
|
||||||
<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton2" data-bs-toggle="dropdown"><strong>Advanced search parameters (with examples)</strong></button>
|
<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton2" data-bs-toggle="dropdown" data-bs-display="static"><strong>Advanced search parameters (with examples)</strong></button>
|
||||||
<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);">
|
<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px);">
|
||||||
<div>
|
<div>
|
||||||
<div style="display: inline-block; width: 150px; text-align: center;">Author:</div>
|
<div style="display: inline-block; width: 150px; text-align: center;">Author:</div>
|
||||||
|
|
Loading…
Reference in New Issue