luxick/luxtools-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust posiiton and wrapping of search poopup

Browse Source
This commit is contained in:
luxick
2026-02-25 13:46:02 +01:00
parent 852e04d517
commit d2940b90d0
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
css/_search.less
View File

@@ -170,9 +170,12 @@
/* .JSpopup */
div.ajax_qsearch {
position: absolute;
top: 0;
left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
width: 12em;
top: 100%;
left: 0;
right: auto;
width: 18em;
box-sizing: border-box;
margin-top: .2em;
padding: 0.5em;
font-size: .9em;
z-index: 20;
@@ -197,11 +200,17 @@
margin: 0;
padding: 0;
display: block !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ul.search-suggestions li a {
display: block;
padding: .15em .25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ul.search-suggestions li.is-active > a,
@@ -219,6 +228,9 @@
ul.search-suggestions li.is-empty {
padding: .15em .25em;
color: @ini_text_alt;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
strong {
@@ -241,6 +253,6 @@
[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
left: auto;
right: -13.5em;
right: 0;
text-align: right;
}