mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
d000288ad0
* mirror all inline SVGs so that direction SVGs display correctly on RTL
* set the bold list element in info box to RTL so the colon gets displayed on the right side
* set correct .ltr function for the left border on the search button in #q
* move text to the right in autocomplete
* move search form in lign with result article on RTL
* add the correct padding for img thumbnails in categories like music on RTL
* apply RTL to result table for map results
* align text in tables part of /preferences on RTL
* move burger menu on index page to the left on RTL
* fix positioning of drop down arrow on select boxes on RTL
* align result URL on the right (written LTR)
* align vim hotkeys help on the left since it is not translated
* image detail:
* labels (author, format, URL, etc...) are written on the right,
values are on the left.
* URL are written LTR and overflow on the right
73 lines
1.3 KiB
Text
73 lines
1.3 KiB
Text
/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
|
|
|
|
.autocomplete {
|
|
position: absolute;
|
|
max-height: 0;
|
|
overflow-y: hidden;
|
|
.ltr-text-align-left();
|
|
|
|
.rounded-corners;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
background-color: var(--color-autocomplete-background);
|
|
}
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
|
|
> ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
> li {
|
|
cursor: pointer;
|
|
padding: 0.5rem;
|
|
|
|
&.active,
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
background-color: var(--color-autocomplete-background-hover);
|
|
|
|
a:active,
|
|
a:focus,
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
&.locked {
|
|
cursor: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.open {
|
|
display: block;
|
|
background-color: var(--color-autocomplete-background);
|
|
color: var(--color-autocomplete-font);
|
|
border: 1px solid var(--color-autocomplete-border);
|
|
max-height: 500px;
|
|
overflow-y: auto;
|
|
z-index: 100;
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: @phone) {
|
|
.autocomplete {
|
|
bottom: 0;
|
|
}
|
|
|
|
.autocomplete > ul > li {
|
|
border-bottom: 1px solid var(--color-result-top-border);
|
|
text-align: left;
|
|
}
|
|
}
|