mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-01 01:36:00 -04:00
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:
parent
abda9bc00a
commit
42264f402d
@ -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;
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user