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

Put attachment controls inside attachmentsPlace

Browse source
This commit is contained in:
the-djmaze 2023-02-25 14:24:42 +01:00
parent 4b11b5477e
commit 661e66d7fd
2 changed files with 12 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -313,8 +313,8 @@
} }
.attachmentsControls { .attachmentsControls {
padding: 7px 5px 7px 14px; padding-top: 7px;
border-bottom: 1px solid var(--border-color, #bbb); border-top: 1px solid var(--border-color, #bbb);
} }
.attachmentsControls > * { .attachmentsControls > * {
display: inline-block; display: inline-block;

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

@ -263,12 +263,8 @@
</li> </li>
</ul> </ul>
<!-- /ko --> <!-- /ko -->
<i class="fontastic controls-handle" data-bind="visible: allowAttachmentControls(), click: toggleAttachmentControls">⚙</i> <i class="fontastic controls-handle" data-bind="visible: allowAttachmentControls, click: toggleAttachmentControls">⚙</i>
</details> <div class="attachmentsControls" data-bind="visible: showAttachmentControls">
<div class="attachmentsControls"
data-bind="visible: showAttachmentControls() && hasAttachments()">
<span data-bind="visible: downloadAsZipAllowed"> <span data-bind="visible: downloadAsZipAllowed">
<i class="fontastic iconcolor-red" data-bind="visible: downloadAsZipError">✖</i> <i class="fontastic iconcolor-red" data-bind="visible: downloadAsZipError">✖</i>
<i class="icon-file-archive" data-bind="visible: !downloadAsZipError(), <i class="icon-file-archive" data-bind="visible: !downloadAsZipError(),
@ -277,6 +273,7 @@
data-i18n="MESSAGE/LINK_DOWNLOAD_AS_ZIP"></span> data-i18n="MESSAGE/LINK_DOWNLOAD_AS_ZIP"></span>
</span> </span>
</div> </div>
</details>
<div class="btn-toolbar showImages" data-bind="visible: message().hasImages()"> <div class="btn-toolbar showImages" data-bind="visible: message().hasImages()">
<div class="btn" data-bind="click: showImages" data-icon="🖼" data-i18n="MESSAGE/BUTTON_SHOW_IMAGES"></div> <div class="btn" data-bind="click: showImages" data-icon="🖼" data-i18n="MESSAGE/BUTTON_SHOW_IMAGES"></div>