CSS: Fixed floating search icon on mobile

Also updated styles to use logical elements instead of conditional rules
for altered search boxes.
Related to #2504
This commit is contained in:
Dan Brown 2024-09-27 16:01:01 +01:00
parent abda9bc00a
commit 42264f402d
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 5 additions and 7 deletions

View File

@ -441,12 +441,8 @@ input[type=color] {
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
left: 8px; inset-inline-start: 8px;
top: 9px; top: 10px;
@include rtl {
right: 8px;
left: auto;
}
} }
input { input {
display: block; display: block;

View File

@ -79,7 +79,9 @@
<form action="{{ url('/search') }}" method="GET" class="search-box flexible hide-over-l"> <form action="{{ url('/search') }}" method="GET" class="search-box flexible hide-over-l">
<input value="{{$searchTerm}}" type="text" name="term" placeholder="{{ trans('common.search') }}"> <input value="{{$searchTerm}}" type="text" name="term" placeholder="{{ trans('common.search') }}">
<button type="submit">@icon('search')</button> <button type="submit"
aria-label="{{ trans('common.search') }}"
tabindex="-1">@icon('search')</button>
</form> </form>
<h6 class="text-muted">{{ trans_choice('entities.search_total_results_found', $totalResults, ['count' => $totalResults]) }}</h6> <h6 class="text-muted">{{ trans_choice('entities.search_total_results_found', $totalResults, ['count' => $totalResults]) }}</h6>