search-box-cancel placement

This commit is contained in:
Lennert Daniels 2022-12-02 13:10:57 +01:00
parent 69d702c783
commit 3599a962a3
2 changed files with 2 additions and 2 deletions

View file

@ -454,7 +454,7 @@ div[editor-type="markdown"] .title-input.page-title input[type="text"] {
&.flexible input { &.flexible input {
width: 100%; width: 100%;
} }
.search-box-cancel { button.search-box-cancel {
left: auto; left: auto;
right: 0; right: 0;
} }

View file

@ -14,7 +14,7 @@
<div class="search-box flexible mb-m" style="display: {{ count($templates) > 0 ? 'block' : 'none' }}"> <div class="search-box flexible mb-m" style="display: {{ count($templates) > 0 ? 'block' : 'none' }}">
<input refs="template-manager@searchInput" type="text" name="template-search" placeholder="{{ trans('common.search') }}"> <input refs="template-manager@searchInput" type="text" name="template-search" placeholder="{{ trans('common.search') }}">
<button refs="template-manager@searchButton" tabindex="-1" type="button">@icon('search')</button> <button refs="template-manager@searchButton" tabindex="-1" type="button">@icon('search')</button>
<button refs="template-manager@searchCancel" class="search-box-cancel text-neg" type="button" style="display: none">@icon('close')</button> <button refs="template-manager@searchCancel" class="search-box-cancel text-neg" tabindex="-1" type="button" style="display: none">@icon('close')</button>
</div> </div>
<div refs="template-manager@list"> <div refs="template-manager@list">