pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[REF] mail: AttachmentImage, review and simplify scss

Browse Source 
Part of the overall v16 SCSS optimization/restyle, task-2704984

task-2781992

closes odoo/odoo#85940

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
This commit is contained in:
Brieuc-brd
2022-03-16 18:50:56 +01:00
parent b945d08c53
commit de62e8701e
2 changed files with 2 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/mail/static/src/components/attachment_image/attachment_image.scss
-9
View File
@@ -10,15 +10,6 @@
}
}
.o_AttachmentImageUploading {
@include o-position-absolute(0, 0, 0, 0);
}
.o_AttachmentImage_imageOverlay {
@include o-position-absolute(0, 0, 0, 0);
}
// ------------------------------------------------------------------
// Style
// ------------------------------------------------------------------
addons/mail/static/src/components/attachment_image/attachment_image.xml
+2 -2
View File
@@ -16,12 +16,12 @@
<img class="img img-fluid my-0 mx-auto" t-att-src="attachmentImage.imageUrl" t-att-alt="attachmentImage.attachment.name" t-attf-style="max-width: min(100%, {{ attachmentImage.width }}px); max-height: {{ attachmentImage.height }}px;"/>
</t>
<t t-if="attachmentImage.attachment.isUploading">
<div class="o_AttachmentImageUploading d-flex align-items-center justify-content-center" title="Uploading">
<div class="o_AttachmentImageUploading position-absolute top-0 bottom-0 start-0 end-0 d-flex align-items-center justify-content-center" title="Uploading">
<i class="fa fa-spin fa-spinner"/>
</div>
</t>
<t t-if="attachmentImage.attachment.isEditable">
<div class="o_AttachmentImage_imageOverlay text-right p-2 text-white opacity-0 opacity-100-hover">
<div class="o_AttachmentImage_imageOverlay position-absolute top-0 bottom-0 start-0 end-0 text-right p-2 text-white opacity-0 opacity-100-hover">
<div class="o_AttachmentImage_action o_AttachmentImage_actionUnlink btn btn-sm btn-dark rounded opacity-75 opacity-100-hover"
t-att-class="{'o-pretty': attachmentImage.attachmentList.composerViewOwner}" t-on-click="attachmentImage.onClickUnlink" title="Remove"
>