the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-02-24 14:57:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

Adding a button to clear folder search input field

Browse source
This commit is contained in:
codiflow 2023-01-12 13:03:03 +01:00
parent a2336be273
commit 7b29dca261
4 changed files with 14 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);
}

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

@ -20,7 +20,8 @@
</li>
</ul>
<hr>
<input type="search" data-bind="textInput: foldersFilter, visible: foldersFilterVisible" data-i18n="[placeholder]GLOBAL/SEARCH">
<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>
<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>