Put attachment controls inside attachmentsPlace

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

View file

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

View file

@ -263,21 +263,18 @@
</li>
</ul>
<!-- /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>
<div class="attachmentsControls" data-bind="visible: showAttachmentControls">
<span data-bind="visible: downloadAsZipAllowed">
<i class="fontastic iconcolor-red" data-bind="visible: downloadAsZipError"></i>
<i class="icon-file-archive" data-bind="visible: !downloadAsZipError(),
css: {'icon-file-archive': !downloadAsZipLoading(), 'icon-spinner': downloadAsZipLoading()}"></i>
<span class="g-ui-link" data-bind="click: downloadAsZip"
data-i18n="MESSAGE/LINK_DOWNLOAD_AS_ZIP"></span>
</span>
</div>
</details>
<div class="attachmentsControls"
data-bind="visible: showAttachmentControls() && hasAttachments()">
<span data-bind="visible: downloadAsZipAllowed">
<i class="fontastic iconcolor-red" data-bind="visible: downloadAsZipError"></i>
<i class="icon-file-archive" data-bind="visible: !downloadAsZipError(),
css: {'icon-file-archive': !downloadAsZipLoading(), 'icon-spinner': downloadAsZipLoading()}"></i>
<span class="g-ui-link" data-bind="click: downloadAsZip"
data-i18n="MESSAGE/LINK_DOWNLOAD_AS_ZIP"></span>
</span>
</div>
<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-group dropdown" data-bind="registerBootstrapDropdown: true, visible: showWhitelistOptions" style="display: inline-block">