[fix] theme simple: image viewer hides autocomplete suggestions

Closes: https://github.com/searxng/searxng/issues/3509
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2025-01-15 17:57:29 +01:00 committed by Markus Heiser
parent f03ab00155
commit 1668ff5e64
4 changed files with 10 additions and 10 deletions

View file

@ -53,7 +53,7 @@
color: var(--color-autocomplete-font); color: var(--color-autocomplete-font);
max-height: 32rem; max-height: 32rem;
overflow-y: auto; overflow-y: auto;
z-index: 100; z-index: 5000;
margin-top: 3.5rem; margin-top: 3.5rem;
border-radius: 0.8rem; border-radius: 0.8rem;

View file

@ -22,7 +22,7 @@ article.result-images .detail {
bottom: 0; bottom: 0;
background: var(--color-result-detail-background); background: var(--color-result-detail-background);
border: 1px solid var(--color-result-detail-background); border: 1px solid var(--color-result-detail-background);
z-index: 10000; z-index: 1000;
padding: 4rem 3rem 3rem 3rem; padding: 4rem 3rem 3rem 3rem;
a.result-images-source { a.result-images-source {
@ -148,7 +148,7 @@ article.result-images .detail {
height: 1.5rem; height: 1.5rem;
position: absolute; position: absolute;
filter: opacity(40%); filter: opacity(40%);
z-index: 2000002; z-index: 1200;
span { span {
display: block; display: block;

View file

@ -158,7 +158,7 @@ button.category_button {
outline: none; outline: none;
color: var(--color-search-font); color: var(--color-search-font);
font-size: 1.1rem; font-size: 1.1rem;
z-index: 10000; z-index: 1000;
&:hover { &:hover {
color: var(--color-search-background-hover); color: var(--color-search-background-hover);
@ -183,7 +183,7 @@ html.no-js #clear_search.hide_if_nojs {
outline: none; outline: none;
color: var(--color-search-font); color: var(--color-search-font);
font-size: 1.1rem; font-size: 1.1rem;
z-index: 2; z-index: 100;
} }
#q { #q {
@ -332,7 +332,7 @@ html.no-js #clear_search.hide_if_nojs {
top: 0; top: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
z-index: 10000; z-index: 2000;
.search_box { .search_box {
border-bottom: 1px solid var(--color-search-border); border-bottom: 1px solid var(--color-search-border);

View file

@ -203,7 +203,7 @@ div.selectable_url {
left: 50%; left: 50%;
margin: 0 auto; margin: 0 auto;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 10000000; z-index: 5000;
h3 { h3 {
margin-top: 0; margin-top: 0;
@ -339,7 +339,7 @@ select {
padding: 0.2rem !important; padding: 0.2rem !important;
color: var(--color-search-font); color: var(--color-search-font);
font-size: 0.9rem; font-size: 0.9rem;
z-index: 2; z-index: 100;
&:hover, &:hover,
&:focus { &:focus {
@ -413,7 +413,7 @@ input.checkbox-onoff[type="checkbox"] {
border: 1px solid var(--color-btn-background); border: 1px solid var(--color-btn-background);
border-radius: 12px; border-radius: 12px;
box-shadow: var(--color-btn-background) 0 0 3px; box-shadow: var(--color-btn-background) 0 0 3px;
z-index: 10000; z-index: 1200;
top: -0.55em; top: -0.55em;
left: -0.6em; left: -0.6em;
} }
@ -573,7 +573,7 @@ input.checkbox-onoff.reversed-checkbox[type="checkbox"] {
background: var(--color-toolkit-engine-tooltip-background); background: var(--color-toolkit-engine-tooltip-background);
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
z-index: 1000000; z-index: 5000;
text-align: left; text-align: left;
.rounded-corners; .rounded-corners;
} }