Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved and solve #847

Browse source
This commit is contained in:
the-djmaze 2023-01-12 16:54:40 +01:00
parent e1aa566ec8
commit 177dfcb7e5
6 changed files with 25 additions and 30 deletions
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 { input {
width: calc(100% - 37px); width: calc(100% - 8px);
margin-left: 4px; margin-left: 4px;
} }

17
dev/Styles/User/Layout.less
View file

@ -177,6 +177,23 @@ html.rl-side-preview-pane {
border-radius: var(--input-border-radius, 3px) !important; border-radius: var(--input-border-radius, 3px) !important;
} }
.search-input-wrp {
position: relative;
}
.search-input-wrp a {
position: absolute;
right: 0;
top: 5px;
margin: 0 7px;
z-index: 100;
opacity: .4;
cursor: pointer;
&:hover {
opacity: .6;
}
}
/* desktop */ /* desktop */
@media screen and (min-width: 1000px) { @media screen and (min-width: 1000px) {
} }

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

@ -79,13 +79,6 @@ html.rl-no-preview-pane {
padding-right: 8px; padding-right: 8px;
} }
.btn.buttonClearFolderSearchInput {
font-size: 14px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 4px;
}
.second-toolbar { .second-toolbar {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
@ -107,8 +100,6 @@ html.rl-no-preview-pane {
.search-input-wrp { .search-input-wrp {
flex-grow: 1; flex-grow: 1;
position: relative;
text-align: right;
} }
.inputSearch { .inputSearch {
@ -116,19 +107,6 @@ html.rl-no-preview-pane {
width: 100%; width: 100%;
} }
.closeSearch {
position: absolute;
right: 0;
top: 5px;
margin: 0 7px;
z-index: 100;
vertical-align: middle;
opacity: .4;
&:hover {
opacity: .6;
}
}
.b-content { .b-content {
height: 100%; height: 100%;
padding: 0; padding: 0;

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

@ -206,6 +206,10 @@ export class MailFolderList extends AbstractViewLeft {
showMessageComposer(); showMessageComposer();
} }
clearFolderSearch() {
foldersFilter('');
}
createFolder() { createFolder() {
showScreenPopup(FolderCreatePopupView); showScreenPopup(FolderCreatePopupView);
} }

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

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

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

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