Fix search style, as well as mobile z-index
This commit is contained in:
parent
a1c719fb0b
commit
6c123ffebb
1 changed files with 14 additions and 10 deletions
|
@ -136,16 +136,20 @@
|
||||||
|
|
||||||
div.ajax_qsearch {
|
div.ajax_qsearch {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background-color: #FFF;
|
background-color: var(--color-shade-1);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
z-index: 300; // otherwise hidden behind sidebar in mobile view
|
||||||
|
border: solid 0.1em var(--color-shade-4);
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
strong {
|
> strong {
|
||||||
color: @quicksearch-button-color;
|
color: var(--color-foreground);
|
||||||
padding: 0.25rem 0.5rem
|
padding: 0.25rem 0.5rem;
|
||||||
|
border-bottom: solid 0.1em var(--color-shade-4);
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
color: @quicksearch-button-color;
|
color: var(--color-foreground);
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -153,12 +157,12 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li {
|
&:hover,
|
||||||
&:nth-child(odd) {
|
&:focus,
|
||||||
background-color: @suggestion-zebra;
|
&:active {
|
||||||
|
background-color: var(--color-shade-2);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue