From de62e8701e159ca872816ef7c83df9052734223e Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Mon, 7 Mar 2022 12:34:24 +0000
Subject: [PATCH] [REF] mail: `AttachmentImage`, review and simplify scss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 .../components/attachment_image/attachment_image.scss    | 9 ---------
 .../src/components/attachment_image/attachment_image.xml | 4 ++--
 2 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/addons/mail/static/src/components/attachment_image/attachment_image.scss b/addons/mail/static/src/components/attachment_image/attachment_image.scss
index e50a3c86547..22501070845 100644
--- a/addons/mail/static/src/components/attachment_image/attachment_image.scss
+++ b/addons/mail/static/src/components/attachment_image/attachment_image.scss
@@ -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
 // ------------------------------------------------------------------
diff --git a/addons/mail/static/src/components/attachment_image/attachment_image.xml b/addons/mail/static/src/components/attachment_image/attachment_image.xml
index c4a135efce5..b9379c64e3c 100644
--- a/addons/mail/static/src/components/attachment_image/attachment_image.xml
+++ b/addons/mail/static/src/components/attachment_image/attachment_image.xml
@@ -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"
                             >