Cosmetic fixes for search results - fixing overflow affecting the input box

This commit is contained in:
Deon George 2025-06-03 16:16:33 +10:00
parent 32514c9ab1
commit 7854cbdabd
2 changed files with 7 additions and 8 deletions

View File

@ -262,4 +262,10 @@ select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__
/* limit selection to inside the modal */
body.modal-open {
user-select: none;
}
/* Fix our search results, implementing a scroll bar */
#search_results ul.typeahead.dropdown-menu {
overflow-y: scroll;
max-height: 300px;
}

View File

@ -38,7 +38,7 @@
<span></span>
<div id="searching" class="d-none"><i class="fas fa-fw fa-spinner fa-pulse text-light"></i></div>
</button>
<div id="search_results" class="overflow-scroll" style="height: 300px;"></div>
<div id="search_results"></div>
</div>
<button class="btn-close"></button>
</div>
@ -164,13 +164,6 @@
</div>
@section('page-scripts')
<style>
#search_results ul.typeahead.dropdown-menu {
overflow: scroll;
max-height: 300px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('button[id^="link-"]').on('click',function(item) {