the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-09-20 15:45:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #847 from SWEETGOOD-DE/master

Browse source 
Adding a button to clear folder search input field
This commit is contained in:
the-djmaze 2023-01-12 16:43:24 +01:00 committed by GitHub
parent 686fa20945 bd35a73f5f
commit e1aa566ec8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/User/FolderList.less
View file

@ -15,7 +15,7 @@
}
input {
width: calc(100% - 8px);
width: calc(100% - 37px);
margin-left: 4px;
}

7
dev/Styles/User/MessageList.less
View file

@ -79,6 +79,13 @@ html.rl-no-preview-pane {
padding-right: 8px;
}
.btn.buttonClearFolderSearchInput {
font-size: 14px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 4px;
}
.second-toolbar {
display: flex;
flex-shrink: 0;

4
dev/View/User/MailBox/MessageList.js
View file

@ -818,6 +818,10 @@ export class MailMessageList extends AbstractViewRight {
showScreenPopup(AdvancedSearchPopupView, [MessagelistUserStore.mainSearch()]);
}
clearFolderSearchClick() {
document.getElementById("folderSearchInput").value = "";
}
groupSearch(group) {
group.search && MessagelistUserStore.mainSearch(group.search);
}

5
snappymail/v/0.0.0/app/templates/Views/User/MailFolderList.html
View file

@ -20,7 +20,10 @@
</li>
</ul>
<hr>
<input type="search" data-bind="textInput: foldersFilter, visible: foldersFilterVisible" data-i18n="[placeholder]GLOBAL/SEARCH">
<div class="search-input-wrp">
<input type="search" id="folderSearchInput" data-bind="textInput: foldersFilter, visible: foldersFilterVisible" data-i18n="[placeholder]GLOBAL/SEARCH">
<a data-bind="click: clearFolderSearchClick" class="btn buttonClearFolderSearchInput">✕</a>
</div>
<ul class="b-folders-user" data-bind="template: { name: 'MailFolderListItem', foreach: folderListVisible }"></ul>
<div class="move-action-content-wrapper" data-bind="visible: moveAction"></div>
</div>