archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-04-09 23:07:50 +00:00
Code Issues Projects Releases Wiki Activity

CSS: Fixed floating search icon on mobile

Browse source 
Also updated styles to use logical elements instead of conditional rules
for altered search boxes.
Related to
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
resources
sass
_forms.scss
views/search
all.blade.php

8
resources/sass/_forms.scss
View file

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

4
resources/views/search/all.blade.php
View file

@ -79,7 +79,9 @@
<form action="{{ url('/search') }}" method="GET" class="search-box flexible hide-over-l">
<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>
<h6 class="text-muted">{{ trans_choice('entities.search_total_results_found', $totalResults, ['count' => $totalResults]) }}</h6>