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

Cleanup dropmenu css

Browse source
This commit is contained in:
djmaze 2021-11-05 11:14:30 +01:00
parent 263e595ba2
commit b2635eb5c6
9 changed files with 149 additions and 189 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -78,30 +78,30 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable {
width: 5px; width: 5px;
} }
.g-ui-menu { .dropdown-menu {
max-height: 60vh; max-height: 60vh;
max-width: 90vw; max-width: 90vw;
overflow: auto; overflow: auto;
.e-link { a {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
color: var(--dropdown-menu-color, #333); color: var(--dropdown-menu-color, #333);
background-color: var(--dropdown-menu-bg-color, #fff); background-color: var(--dropdown-menu-bg-color, #fff);
} }
.e-item.selected > .e-link { li.selected > a {
background-color: var(--dropdown-menu-selected-bg-color, #eee); background-color: var(--dropdown-menu-selected-bg-color, #eee);
} }
.e-item:not(.disabled) > .e-link:focus, li:not(.disabled) > a:focus,
.e-item:not(.disabled) > .e-link:hover { li:not(.disabled) > a:hover {
background-color: var(--dropdown-menu-hover-bg-color, #444); background-color: var(--dropdown-menu-hover-bg-color, #444);
background-image: none; background-image: none;
color: var(--dropdown-menu-hover-color, #eee); color: var(--dropdown-menu-hover-color, #eee);
} }
.e-item.disabled > .e-link { li.disabled > a {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.5; opacity: 0.5;
} }

25
dev/Styles/User/MessageView.less
View file

@ -459,31 +459,6 @@
padding-right: 10px; padding-right: 10px;
} }
} }
.thread-list {
.e-link {
padding: 4px 8px 6px 10px;
}
&.hide-more .thread-list-message.more-that {
display: none;
}
.thread-date {
font-size: 13px;
color: #999;
}
.more-threads {
text-align: center;
padding: 8px;
background-color: #F5F5F5;
color: #555;
text-decoration: underline;
border-top: 1px dashed #555;
}
}
} }
html.rl-mobile .messageView, html.rl-mobile .messageView,

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

@ -84,7 +84,7 @@
display: inline-block; display: inline-block;
} }
.g-ui-menu .e-link.account-item { .dropdown-menu a.account-item {
padding-right: 5px; padding-right: 5px;
} }
} }

14
dev/View/User/MailBox/MessageView.js
View file

@ -390,20 +390,6 @@ export class MailMessageView extends AbstractViewRight {
[message] [message]
); );
} }
el = eqs(event, '.thread-list .flagParent');
if (el) {
const message = ko.dataFor(el);
message && message.folder && message.uid && rl.app.messageListAction(
message.folder,
message.isFlagged() ? MessageSetAction.UnsetFlag : MessageSetAction.SetFlag,
[message]
);
this.threadsDropdownTrigger(true);
return false;
}
}); });
AppUserStore.focusedState.subscribe((value) => { AppUserStore.focusedState.subscribe((value) => {

116
snappymail/v/0.0.0/app/templates/Views/User/MailMessageList.html
View file

@ -17,9 +17,9 @@
<i class="fontastic hidden-on-ctrl-btn">📁</i> <i class="fontastic hidden-on-ctrl-btn">📁</i>
<span class="caret"></span> <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="move-dropdown-id" role="menu" data-bind="foreach: folderMenuForMove"> <ul class="dropdown-menu" role="menu" aria-labelledby="move-dropdown-id" role="menu" data-bind="foreach: folderMenuForMove">
<li class="e-item" role="presentation" data-bind="css: { 'disabled': disabled }, click: function (mdata, oEvent) { if (!disabled) $root.moveSelectedMessagesToFolder(id, oEvent && !!oEvent.ctrlKey); }"> <li role="presentation" data-bind="css: { 'disabled': disabled }, click: function (mdata, oEvent) { if (!disabled) $root.moveSelectedMessagesToFolder(id, oEvent && !!oEvent.ctrlKey); }">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="text: name"></a> <a href="#" tabindex="-1" data-bind="text: name"></a>
</li> </li>
</ul> </ul>
</div> </div>
@ -47,53 +47,51 @@
</div> </div>
<div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true, openDropdownTrigger: moreDropdownTrigger"> <div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true, openDropdownTrigger: moreDropdownTrigger">
<a id="more-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-i18n="[title]GLOBAL/MORE">☰</a> <a id="more-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-i18n="[title]GLOBAL/MORE">☰</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="more-list-dropdown-id"> <ul class="dropdown-menu" role="menu" aria-labelledby="more-list-dropdown-id">
<div> <li role="presentation" data-bind="click: listUnsetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<li class="e-item" role="presentation" data-bind="click: listUnsetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}"> <a href="#" tabindex="-1">
<a class="e-link menuitem" href="#" tabindex="-1"> <i class="icon-none"></i>
<i class="icon-none"></i> <span data-i18n="MESSAGE_LIST/MENU_UNSET_SEEN"></span>
<span data-i18n="MESSAGE_LIST/MENU_UNSET_SEEN"></span> </a>
</a> </li>
</li> <li role="presentation" data-bind="click: listSetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<li class="e-item" role="presentation" data-bind="click: listSetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}"> <a href="#" tabindex="-1">
<a class="e-link menuitem" href="#" tabindex="-1"> <i class="icon-none"></i>
<i class="icon-none"></i> <span data-i18n="MESSAGE_LIST/MENU_SET_SEEN"></span>
<span data-i18n="MESSAGE_LIST/MENU_SET_SEEN"></span> </a>
</a> </li>
</li> <li role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
<li class="e-item" role="presentation" data-bind="click: listSetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}"> <a href="#" tabindex="-1">
<a class="e-link menuitem" href="#" tabindex="-1"> <i class="fontastic flagged">★</i>
<i class="fontastic flagged">★</i> <span data-i18n="MESSAGE_LIST/MENU_SET_FLAG"></span>
<span data-i18n="MESSAGE_LIST/MENU_SET_FLAG"></span> </a>
</a> </li>
</li> <li role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}">
<li class="e-item" role="presentation" data-bind="click: listUnsetFlags, css: {'disabled': !hasCheckedOrSelectedLines()}"> <a href="#" tabindex="-1">
<a class="e-link menuitem" href="#" tabindex="-1"> <i class="fontastic unflagged">☆</i>
<i class="fontastic unflagged">☆</i> <span data-i18n="MESSAGE_LIST/MENU_UNSET_FLAG"></span>
<span data-i18n="MESSAGE_LIST/MENU_UNSET_FLAG"></span> </a>
</a> </li>
</li> <li role="presentation" data-bind="click: listSetAllSeen, css: {'disabled': !hasMessages()}">
<li class="e-item" role="presentation" data-bind="click: listSetAllSeen, css: {'disabled': !hasMessages()}"> <a href="#" tabindex="-1">
<a class="e-link menuitem" href="#" tabindex="-1"> <i class="icon-none"></i>
<i class="icon-none"></i> <span data-i18n="MESSAGE_LIST/MENU_SET_ALL_SEEN"></span>
<span data-i18n="MESSAGE_LIST/MENU_SET_ALL_SEEN"></span> </a>
</a> </li>
</li> <li class="dividerbar" role="presentation" data-bind="command: multyForwardCommand">
</div> <a href="#" tabindex="-1">
<li class="e-item dividerbar" role="presentation" data-bind="command: multyForwardCommand">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="fontastic">↞</i> <i class="fontastic">↞</i>
<span data-i18n="MESSAGE_LIST/BUTTON_MULTY_FORWARD"></span> <span data-i18n="MESSAGE_LIST/BUTTON_MULTY_FORWARD"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation" data-bind="visible: allowDangerousActions, command: deleteWithoutMoveCommand"> <li class="dividerbar" role="presentation" data-bind="visible: allowDangerousActions, command: deleteWithoutMoveCommand">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">🗑</i> <i class="fontastic">🗑</i>
<span data-i18n="MESSAGE_LIST/BUTTON_DELETE_WITHOUT_MOVE"></span> <span data-i18n="MESSAGE_LIST/BUTTON_DELETE_WITHOUT_MOVE"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-bind="visible: allowDangerousActions, command: clearCommand"> <li role="presentation" data-bind="visible: allowDangerousActions, command: clearCommand">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">🔥</i> <i class="fontastic">🔥</i>
<span data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER"></span> <span data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER"></span>
</a> </a>
@ -102,51 +100,51 @@
</div> </div>
<div class="btn-group dropdown sortFolder" data-bind="visible: sortSupported() && mobileCheckedStateHide(), registerBootstrapDropdown: true, openDropdownTrigger: sortDropdownTrigger"> <div class="btn-group dropdown sortFolder" data-bind="visible: sortSupported() && mobileCheckedStateHide(), registerBootstrapDropdown: true, openDropdownTrigger: sortDropdownTrigger">
<a id="sort-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-i18n="[title]MESSAGE_LIST/SORT" data-bind="text: sortText">⬇</a> <a id="sort-list-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1" data-i18n="[title]MESSAGE_LIST/SORT" data-bind="text: sortText">⬇</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="sort-list-dropdown-id"> <ul class="dropdown-menu" role="menu" aria-labelledby="sort-list-dropdown-id">
<li class="e-item" role="presentation" data-sort="DATE" data-bind="click: changeSort"> <li role="presentation" data-sort="DATE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">📅⬆</i> <i class="fontastic">📅⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_DATE_ASC"></span> <span data-i18n="MESSAGE_LIST/SORT_DATE_ASC"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-sort="" data-bind="click: changeSort"> <li role="presentation" data-sort="" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">📅⬇</i> <i class="fontastic">📅⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_DATE_DESC"></span> <span data-i18n="MESSAGE_LIST/SORT_DATE_DESC"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation" data-sort="SIZE" data-bind="click: changeSort"> <li class="dividerbar" role="presentation" data-sort="SIZE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">✉⬆</i> <i class="fontastic">✉⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_SIZE_ASC"></span> <span data-i18n="MESSAGE_LIST/SORT_SIZE_ASC"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-sort="REVERSE SIZE" data-bind="click: changeSort"> <li role="presentation" data-sort="REVERSE SIZE" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">✉⬇</i> <i class="fontastic">✉⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_SIZE_DESC"></span> <span data-i18n="MESSAGE_LIST/SORT_SIZE_DESC"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation" data-sort="SUBJECT" data-bind="click: changeSort"> <li class="dividerbar" role="presentation" data-sort="SUBJECT" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">𝐒⬇</i> <i class="fontastic">𝐒⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_SUBJECT_ASC"></span> <span data-i18n="MESSAGE_LIST/SORT_SUBJECT_ASC"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-sort="REVERSE SUBJECT" data-bind="click: changeSort"> <li role="presentation" data-sort="REVERSE SUBJECT" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">𝐒⬆</i> <i class="fontastic">𝐒⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_SUBJECT_DESC"></span> <span data-i18n="MESSAGE_LIST/SORT_SUBJECT_DESC"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation" data-sort="FROM" data-bind="click: changeSort"> <li class="dividerbar" role="presentation" data-sort="FROM" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">@⬇</i> <i class="fontastic">@⬇</i>
<span data-i18n="MESSAGE_LIST/SORT_FROM_ASC"></span> <span data-i18n="MESSAGE_LIST/SORT_FROM_ASC"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-sort="REVERSE FROM" data-bind="click: changeSort"> <li role="presentation" data-sort="REVERSE FROM" data-bind="click: changeSort">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">@⬆</i> <i class="fontastic">@⬆</i>
<span data-i18n="MESSAGE_LIST/SORT_FROM_DESC"></span> <span data-i18n="MESSAGE_LIST/SORT_FROM_DESC"></span>
</a> </a>

62
snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
View file

@ -52,98 +52,98 @@
data-bind="visible: 'forward' === lastReplyAction(), command: forwardCommand" data-i18n="[title]MESSAGE/BUTTON_FORWARD">→</a> data-bind="visible: 'forward' === lastReplyAction(), command: forwardCommand" data-i18n="[title]MESSAGE/BUTTON_FORWARD">→</a>
<div class="btn-group" data-bind="registerBootstrapDropdown: true" style="display: inline-block"> <div class="btn-group" data-bind="registerBootstrapDropdown: true" style="display: inline-block">
<a class="btn btn-thin-2 btn-transparent dropdown-toggle" id="more-view-dropdown-id" href="#" tabindex="-1" style="margin-left: -4px; margin-right: 2px">▾</a> <a class="btn btn-thin-2 btn-transparent dropdown-toggle" id="more-view-dropdown-id" href="#" tabindex="-1" style="margin-left: -4px; margin-right: 2px">▾</a>
<ul class="dropdown-menu g-ui-menu right-edge" role="menu" aria-labelledby="more-view-dropdown-id"> <ul class="dropdown-menu right-edge" role="menu" aria-labelledby="more-view-dropdown-id">
<div data-bind="visible: !isDraftFolder()"> <div data-bind="visible: !isDraftFolder()">
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: replyCommand"> <a href="#" tabindex="-1" data-bind="command: replyCommand">
<i class="fontastic">←</i> <i class="fontastic">←</i>
<span data-i18n="MESSAGE/BUTTON_REPLY"></span> <span data-i18n="MESSAGE/BUTTON_REPLY"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: replyAllCommand"> <a href="#" tabindex="-1" data-bind="command: replyAllCommand">
<i class="fontastic">↞</i> <i class="fontastic">↞</i>
<span data-i18n="MESSAGE/BUTTON_REPLY_ALL"></span> <span data-i18n="MESSAGE/BUTTON_REPLY_ALL"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: forwardCommand"> <a href="#" tabindex="-1" data-bind="command: forwardCommand">
<i class="fontastic">→</i> <i class="fontastic">→</i>
<span data-i18n="MESSAGE/BUTTON_FORWARD"></span> <span data-i18n="MESSAGE/BUTTON_FORWARD"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: editAsNewCommand"> <a href="#" tabindex="-1" data-bind="command: editAsNewCommand">
<i class="fontastic">🖉</i> <i class="fontastic">🖉</i>
<span data-i18n="MESSAGE/BUTTON_EDIT_AS_NEW"></span> <span data-i18n="MESSAGE/BUTTON_EDIT_AS_NEW"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: forwardAsAttachmentCommand"> <a href="#" tabindex="-1" data-bind="command: forwardAsAttachmentCommand">
<i class="fontastic">→</i> <i class="fontastic">→</i>
<span data-i18n="MESSAGE/BUTTON_FORWARD_AS_ATTACHMENT"></span> <span data-i18n="MESSAGE/BUTTON_FORWARD_AS_ATTACHMENT"></span>
</a> </a>
</li> </li>
</div> </div>
<div class="dividerbar"> <div class="dividerbar">
<li class="e-item" role="presentation" data-bind="visible: !isDraftFolder() && !isArchiveFolder() && !isArchiveDisabled()"> <li role="presentation" data-bind="visible: !isDraftFolder() && !isArchiveFolder() && !isArchiveDisabled()">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="command: archiveCommand"> <a target="_blank" href="#" tabindex="-1" data-bind="command: archiveCommand">
<i class="icon-archive"></i> <i class="icon-archive"></i>
<span data-i18n="GLOBAL/TO_ARCHIVE"></span> <span data-i18n="GLOBAL/TO_ARCHIVE"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-bind="visible: !isDraftFolder() && !isSentFolder() && !isSpamFolder() && !isSpamDisabled()"> <li role="presentation" data-bind="visible: !isDraftFolder() && !isSentFolder() && !isSpamFolder() && !isSpamDisabled()">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="command: spamCommand"> <a target="_blank" href="#" tabindex="-1" data-bind="command: spamCommand">
<i class="fontastic">⚠</i> <i class="fontastic">⚠</i>
<span data-i18n="GLOBAL/SPAM"></span> <span data-i18n="GLOBAL/SPAM"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-bind="visible: !isDraftFolder() && !isSentFolder() && isSpamFolder() && !isSpamDisabled()"> <li role="presentation" data-bind="visible: !isDraftFolder() && !isSentFolder() && isSpamFolder() && !isSpamDisabled()">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="command: notSpamCommand"> <a target="_blank" href="#" tabindex="-1" data-bind="command: notSpamCommand">
<i class="icon-check-mark-circle-two"></i> <i class="icon-check-mark-circle-two"></i>
<span data-i18n="GLOBAL/NOT_SPAM"></span> <span data-i18n="GLOBAL/NOT_SPAM"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="command: deleteCommand"> <a target="_blank" href="#" tabindex="-1" data-bind="command: deleteCommand">
<i class="fontastic">🗑</i> <i class="fontastic">🗑</i>
<span data-i18n="GLOBAL/DELETE"></span> <span data-i18n="GLOBAL/DELETE"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-bind="command: deleteWithoutMoveCommand"> <li role="presentation" data-bind="command: deleteWithoutMoveCommand">
<a class="e-link menuitem" href="#" tabindex="-1"> <a href="#" tabindex="-1">
<i class="fontastic">🗑</i> <i class="fontastic">🗑</i>
<span data-i18n="MESSAGE_LIST/BUTTON_DELETE_WITHOUT_MOVE"></span> <span data-i18n="MESSAGE_LIST/BUTTON_DELETE_WITHOUT_MOVE"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation" data-bind="visible: message() && message().hasUnsubsribeLinks()"> <li class="dividerbar" role="presentation" data-bind="visible: message() && message().hasUnsubsribeLinks()">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="attr: { href: viewUnsubscribeLink }"> <a target="_blank" href="#" tabindex="-1" data-bind="attr: { href: viewUnsubscribeLink }">
<i class="fontastic">✖</i> <i class="fontastic">✖</i>
<span data-i18n="MESSAGE/BUTTON_UNSUBSCRIBE"></span> <span data-i18n="MESSAGE/BUTTON_UNSUBSCRIBE"></span>
</a> </a>
</li> </li>
</div> </div>
<div data-bind="visible: allowMessageActions" class="dividerbar"> <div data-bind="visible: allowMessageActions" class="dividerbar">
<li class="e-item" role="presentation"> <li role="presentation">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="click: function () { message() && message().printMessage(); } "> <a target="_blank" href="#" tabindex="-1" data-bind="click: function () { message() && message().printMessage(); } ">
<i class="fontastic">🖨</i> <i class="fontastic">🖨</i>
<span data-i18n="MESSAGE/MENU_PRINT"></span> <span data-i18n="MESSAGE/MENU_PRINT"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="click: function () { message() && message().viewPopupMessage(); }"> <a target="_blank" href="#" tabindex="-1" data-bind="click: function () { message() && message().viewPopupMessage(); }">
<i class="icon-popup"></i> <i class="icon-popup"></i>
<span data-i18n="MESSAGE/BUTTON_IN_NEW_WINDOW"></span> <span data-i18n="MESSAGE/BUTTON_IN_NEW_WINDOW"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation"> <li class="dividerbar" role="presentation">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="attr: { href: viewViewLink }"> <a target="_blank" href="#" tabindex="-1" data-bind="attr: { href: viewViewLink }">
<i class="icon-file-code"></i> <i class="icon-file-code"></i>
<span data-i18n="MESSAGE/MENU_VIEW_ORIGINAL"></span> <span data-i18n="MESSAGE/MENU_VIEW_ORIGINAL"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a target="_blank" class="e-link menuitem" href="#" tabindex="-1" data-bind="attr: { href: viewDownloadLink }"> <a target="_blank" href="#" tabindex="-1" data-bind="attr: { href: viewDownloadLink }">
<i class="icon-download"></i> <i class="icon-download"></i>
<span data-i18n="MESSAGE/MENU_DOWNLOAD_ORIGINAL"></span> <span data-i18n="MESSAGE/MENU_DOWNLOAD_ORIGINAL"></span>
</a> </a>

36
snappymail/v/0.0.0/app/templates/Views/User/PopupsCompose.html
View file

@ -29,9 +29,9 @@
data-bind="text: currentIdentityView, css: {'multiply': 1 < identitiesOptions().length }"> data-bind="text: currentIdentityView, css: {'multiply': 1 < identitiesOptions().length }">
</a> </a>
<!-- ko if: 1 < identitiesOptions().length --> <!-- ko if: 1 < identitiesOptions().length -->
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="identity-label-id" data-bind="foreach: identitiesOptions"> <ul class="dropdown-menu" role="menu" aria-labelledby="identity-label-id" data-bind="foreach: identitiesOptions">
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" tabindex="-1" href="#" data-bind="click: function (oIdentity) { $root.selectIdentity(oIdentity); return true; }, text: optText"></a> <a tabindex="-1" href="#" data-bind="click: function (oIdentity) { $root.selectIdentity(oIdentity); return true; }, text: optText"></a>
</li> </li>
</ul> </ul>
<!-- /ko --> <!-- /ko -->
@ -42,45 +42,45 @@
<a class="btn fontastic" data-bind="visible: allowContacts, command: contactsCommand" data-i18n="[title]GLOBAL/CONTACTS">📇</a> <a class="btn fontastic" data-bind="visible: allowContacts, command: contactsCommand" data-i18n="[title]GLOBAL/CONTACTS">📇</a>
<div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true" style="display:inline;vertical-align:top"> <div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true" style="display:inline;vertical-align:top">
<a class="btn dropdown-toggle fontastic">☰</a> <a class="btn dropdown-toggle fontastic">☰</a>
<ul class="dropdown-menu right-edge g-ui-menu" role="menu"> <ul class="dropdown-menu right-edge" role="menu">
<li class="e-item" data-bind="click: function () { showBcc(!showBcc()); }"> <li data-bind="click: function () { showBcc(!showBcc()); }">
<a class="e-link"> <a>
<i class="fontastic" data-bind="text: showBcc() ? '☑' : '☐'"></i> <i class="fontastic" data-bind="text: showBcc() ? '☑' : '☐'"></i>
<span data-i18n="GLOBAL/BCC"></span> <span data-i18n="GLOBAL/BCC"></span>
</a> </a>
</li> </li>
<li class="e-item" data-bind="click: function () { showCc(!showCc()); }"> <li data-bind="click: function () { showCc(!showCc()); }">
<a class="e-link"> <a>
<i class="fontastic" data-bind="text: showCc() ? '☑' : '☐'"></i> <i class="fontastic" data-bind="text: showCc() ? '☑' : '☐'"></i>
<span data-i18n="GLOBAL/CC"></span> <span data-i18n="GLOBAL/CC"></span>
</a> </a>
</li> </li>
<li class="e-item" data-bind="click: function () { showReplyTo(!showReplyTo()); }"> <li data-bind="click: function () { showReplyTo(!showReplyTo()); }">
<a class="e-link"> <a>
<i class="fontastic" data-bind="text: showReplyTo() ? '☑' : '☐'"></i> <i class="fontastic" data-bind="text: showReplyTo() ? '☑' : '☐'"></i>
<span data-i18n="GLOBAL/REPLY_TO"></span> <span data-i18n="GLOBAL/REPLY_TO"></span>
</a> </a>
</li> </li>
<li class="e-item" data-bind="click: function () { requestReadReceipt(!requestReadReceipt()); }"> <li data-bind="click: function () { requestReadReceipt(!requestReadReceipt()); }">
<a class="e-link"> <a>
<i class="fontastic" data-bind="text: requestReadReceipt() ? '☑' : '☐'"></i> <i class="fontastic" data-bind="text: requestReadReceipt() ? '☑' : '☐'"></i>
<span data-i18n="COMPOSE/BUTTON_REQUEST_READ_RECEIPT"></span> <span data-i18n="COMPOSE/BUTTON_REQUEST_READ_RECEIPT"></span>
</a> </a>
</li> </li>
<li class="e-item" data-bind="click: function () { requestDsn(!requestDsn()); }"> <li data-bind="click: function () { requestDsn(!requestDsn()); }">
<a class="e-link"> <a>
<i class="fontastic" data-bind="text: requestDsn() ? '☑' : '☐'"></i> <i class="fontastic" data-bind="text: requestDsn() ? '☑' : '☐'"></i>
<span data-i18n="COMPOSE/BUTTON_REQUEST_DSN"></span> <span data-i18n="COMPOSE/BUTTON_REQUEST_DSN"></span>
</a> </a>
</li> </li>
<li class="e-item" data-bind="click: function () { markAsImportant(!markAsImportant()); }"> <li data-bind="click: function () { markAsImportant(!markAsImportant()); }">
<a class="e-link"> <a>
<i class="fontastic" data-bind="text: markAsImportant() ? '☑' : '☐'"></i> <i class="fontastic" data-bind="text: markAsImportant() ? '☑' : '☐'"></i>
<span data-i18n="COMPOSE/BUTTON_MARK_AS_IMPORTANT"></span> <span data-i18n="COMPOSE/BUTTON_MARK_AS_IMPORTANT"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" data-bind="visible: capaOpenPGP, click: openOpenPgpPopup, css: {'disabled': isHtml()}"> <li class="dividerbar" data-bind="visible: capaOpenPGP, click: openOpenPgpPopup, css: {'disabled': isHtml()}">
<a class="e-link"> <a>
<i class="fontastic">🔑</i> <i class="fontastic">🔑</i>
<span data-i18n="COMPOSE/BUTTON_OPEN_PGP"></span> <span data-i18n="COMPOSE/BUTTON_OPEN_PGP"></span>
</a> </a>

41
snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html
View file

@ -16,27 +16,27 @@
<div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true, visible: !contacts.importing() && !contacts.syncing()"> <div class="btn-group dropdown colored-toggle" data-bind="registerBootstrapDropdown: true, visible: !contacts.importing() && !contacts.syncing()">
<a id="contacts-more-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1">☰</a> <a id="contacts-more-dropdown-id" class="btn dropdown-toggle fontastic" href="#" tabindex="-1">☰</a>
<ul class="dropdown-menu g-ui-menu right-edge" role="menu" aria-labelledby="contacts-more-dropdown-id"> <ul class="dropdown-menu right-edge" role="menu" aria-labelledby="contacts-more-dropdown-id">
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="initDom: importUploaderButton"> <a href="#" tabindex="-1" data-bind="initDom: importUploaderButton">
<i data-bind="css: {'icon-import': !contacts.importing(), 'icon-spinner': contacts.importing}"></i> <i data-bind="css: {'icon-import': !contacts.importing(), 'icon-spinner': contacts.importing}"></i>
<span data-i18n="CONTACTS/BUTTON_IMPORT"></span> <span data-i18n="CONTACTS/BUTTON_IMPORT"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation"> <li class="dividerbar" role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: exportCsv"> <a href="#" tabindex="-1" data-bind="click: exportCsv">
<i class="icon-export"></i> <i class="icon-export"></i>
<span data-i18n="CONTACTS/BUTTON_EXPORT_CSV"></span> <span data-i18n="CONTACTS/BUTTON_EXPORT_CSV"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: exportVcf"> <a href="#" tabindex="-1" data-bind="click: exportVcf">
<i class="icon-export"></i> <i class="icon-export"></i>
<span data-i18n="CONTACTS/BUTTON_EXPORT_VCARD"></span> <span data-i18n="CONTACTS/BUTTON_EXPORT_VCARD"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation" data-bind="visible: enableContactsSync() && allowContactsSync()"> <li class="dividerbar" role="presentation" data-bind="visible: enableContactsSync() && allowContactsSync()">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: syncCommand"> <a href="#" tabindex="-1" data-bind="command: syncCommand">
<i class="fontastic" data-bind="css: {'icon-spinner': contacts.syncing}">⇆</i> <i class="fontastic" data-bind="css: {'icon-spinner': contacts.syncing}">⇆</i>
<span data-i18n="CONTACTS/BUTTON_SYNC"></span> <span data-i18n="CONTACTS/BUTTON_SYNC"></span>
</a> </a>
@ -89,33 +89,34 @@
<span data-i18n="CONTACTS/ADD_MENU_LABEL"></span> <span data-i18n="CONTACTS/ADD_MENU_LABEL"></span>
<span class="caret"></span> <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu g-ui-menu right-edge" style="text-align: left" tabindex="-1" role="menu" aria-labelledby="button-add-prop-dropdown-id"> <ul class="dropdown-menu right-edge" style="text-align: left" tabindex="-1" role="menu" aria-labelledby="button-add-prop-dropdown-id">
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewEmail"> <a href="#" tabindex="-1" data-bind="click: addNewEmail">
<i class="icon-none"></i> <i class="icon-none"></i>
<span data-i18n="GLOBAL/EMAIL"></span> <span data-i18n="GLOBAL/EMAIL"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewPhone"> <a href="#" tabindex="-1" data-bind="click: addNewPhone">
<i class="icon-none"></i> <i class="icon-none"></i>
<span data-i18n="CONTACTS/ADD_MENU_PHONE"></span> <span data-i18n="CONTACTS/ADD_MENU_PHONE"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewWeb"> <a href="#" tabindex="-1" data-bind="click: addNewWeb">
<i class="icon-none"></i> <i class="icon-none"></i>
<span data-i18n="CONTACTS/ADD_MENU_URL"></span> <span data-i18n="CONTACTS/ADD_MENU_URL"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation"> <li class="dividerbar" role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewNickname"> <a href="#" tabindex="-1" data-bind="click: addNewNickname">
<i class="icon-none"></i> <i class="icon-none"></i>
<span data-i18n="CONTACTS/ADD_MENU_NICKNAME"></span> <span data-i18n="CONTACTS/ADD_MENU_NICKNAME"></span>
</a> </a>
</li> </li>
<!-- <li class="e-item" role="presentation"> <!--
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addNewAddress"> <li role="presentation">
<a href="#" tabindex="-1" data-bind="click: addNewAddress">
<span data-i18n="CONTACTS/ADD_MENU_ADDRESS"></span> <span data-i18n="CONTACTS/ADD_MENU_ADDRESS"></span>
</a> </a>
</li>--> </li>-->

30
snappymail/v/0.0.0/app/templates/Views/User/SystemDropDown.html
View file

@ -17,12 +17,12 @@
--> -->
<span class="caret"></span> <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu right-edge g-ui-menu" tabindex="-1" role="menu" aria-labelledby="top-system-dropdown-id"> <ul class="dropdown-menu right-edge" tabindex="-1" role="menu" aria-labelledby="top-system-dropdown-id">
<!-- ko if: accounts().length --> <!-- ko if: accounts().length -->
<!-- ko foreach: accounts --> <!-- ko foreach: accounts -->
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem account-item" href="#" data-bind="click: $root.accountClick, <a class="account-item" href="#" data-bind="click: $root.accountClick,
attr: {'href': changeAccountLink()}, css: {'current': $root.accountEmail() === email}"> attr: {'href': changeAccountLink()}, css: {'current': $root.accountEmail() === email}">
<!-- <b class="pull-right counter" data-bind="visible: 0 < count()"> <!-- <b class="pull-right counter" data-bind="visible: 0 < count()">
<span data-bind="text: count, visible: 100 > count()"></span> <span data-bind="text: count, visible: 100 > count()"></span>
@ -36,40 +36,40 @@
<!-- /ko --> <!-- /ko -->
<!-- /ko --> <!-- /ko -->
<li class="e-item dividerbar" role="presentation" data-bind="visible: allowAccounts"> <li class="dividerbar" role="presentation" data-bind="visible: allowAccounts">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: addAccountClick"> <a href="#" tabindex="-1" data-bind="click: addAccountClick">
<i class="fontastic">✚</i> <i class="fontastic">✚</i>
<span data-i18n="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"></span> <span data-i18n="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation" data-bind="visible: allowContacts"> <li role="presentation" data-bind="visible: allowContacts">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: contactsClick"> <a href="#" tabindex="-1" data-bind="click: contactsClick">
<i class="fontastic">📇</i> <i class="fontastic">📇</i>
<span data-i18n="GLOBAL/CONTACTS"></span> <span data-i18n="GLOBAL/CONTACTS"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: settingsClick"> <a href="#" tabindex="-1" data-bind="click: settingsClick">
<i class="fontastic">⚙</i> <i class="fontastic">⚙</i>
<span data-i18n="TOP_TOOLBAR/BUTTON_SETTINGS"></span> <span data-i18n="TOP_TOOLBAR/BUTTON_SETTINGS"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: settingsHelp"> <a href="#" tabindex="-1" data-bind="click: settingsHelp">
<i class="icon-help"></i> <i class="icon-help"></i>
<span data-i18n="TOP_TOOLBAR/BUTTON_HELP"></span> <span data-i18n="TOP_TOOLBAR/BUTTON_HELP"></span>
</a> </a>
</li> </li>
<li class="e-item dividerbar" role="presentation"> <li class="dividerbar" role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: toggleLayout"> <a href="#" tabindex="-1" data-bind="click: toggleLayout">
<i class="fontastic show-mobile">💻</i> <i class="fontastic show-mobile">💻</i>
<span class="show-mobile" data-i18n="MOBILE/BUTTON_DESKTOP_VERSION"></span> <span class="show-mobile" data-i18n="MOBILE/BUTTON_DESKTOP_VERSION"></span>
<i class="fontastic hide-mobile">📱</i> <i class="fontastic hide-mobile">📱</i>
<span class="hide-mobile" data-i18n="MOBILE/BUTTON_MOBILE_VERSION"></span> <span class="hide-mobile" data-i18n="MOBILE/BUTTON_MOBILE_VERSION"></span>
</a> </a>
</li> </li>
<li class="e-item" role="presentation"> <li role="presentation">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="click: logoutClick"> <a href="#" tabindex="-1" data-bind="click: logoutClick">
<i class="fontastic">⏻</i> <i class="fontastic">⏻</i>
<span data-i18n="GLOBAL/LOGOUT"></span> <span data-i18n="GLOBAL/LOGOUT"></span>
</a> </a>