From ce63f541e1e3c2ff06b6b4306546ae1e4fc4bc5a Mon Sep 17 00:00:00 2001
From: "Shaan Thakkar (THSH)" <thsh@odoo.com>
Date: Fri, 2 Feb 2024 17:07:46 +0530
Subject: [PATCH] [FIX] portal: alignment problem with attachment in dialog box
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Steps to reproduce
==================
1. Go to the slides website.
2. Open any course.
3. Click on 'add a review' or 'edit review'.
4. Attach any files.
-> Files appear misaligned.

After this commit
=================
They will be perfectly aligned.

Task-3624281

closes odoo/odoo#152443

Signed-off-by: Warnon Aurélien (awa) <awa@odoo.com>
---
 addons/portal/static/src/scss/portal.scss       | 2 +-
 addons/portal/static/src/xml/portal_chatter.xml | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/addons/portal/static/src/scss/portal.scss b/addons/portal/static/src/scss/portal.scss
index 3d2e53ef459..7af6d0ed5d6 100644
--- a/addons/portal/static/src/scss/portal.scss
+++ b/addons/portal/static/src/scss/portal.scss
@@ -425,7 +425,7 @@ img, .media_iframe_video, .o_image {
 .o_portal_chatter_composer {
     .o_portal_chatter_attachment {
         .o_portal_chatter_attachment_name {
-            word-wrap: break-word;
+            max-width: 200px;
         }
 
         .o_portal_chatter_attachment_delete {
diff --git a/addons/portal/static/src/xml/portal_chatter.xml b/addons/portal/static/src/xml/portal_chatter.xml
index f69b3b7393d..9e0b8cfd5cd 100644
--- a/addons/portal/static/src/xml/portal_chatter.xml
+++ b/addons/portal/static/src/xml/portal_chatter.xml
@@ -62,14 +62,16 @@
 
     <t t-name="portal.Chatter.Attachments">
         <div t-if="attachments.length" class="d-flex flex-grow-1 flex-wrap gap-1">
-            <div t-foreach="attachments" t-as="attachment" t-key="attachment_index" class="bg-light p-2 rounded">
-                <div class="o_portal_chatter_attachment position-relative text-center" t-att-data-id="attachment.id">
+            <div t-foreach="attachments" t-as="attachment" t-key="attachment_index" class="bg-light p-2 rounded position-relative">
+                <div class="o_portal_chatter_attachment text-center" t-att-data-id="attachment.id">
                     <button t-if="showDelete and attachment.state == 'pending'" class="o_portal_chatter_attachment_delete btn btn-sm btn-outline-danger" title="Delete">
                         <i class="fa fa-times"/>
                     </button>
                     <a t-attf-href="/web/content/#{attachment.id}?download=true&amp;access_token=#{attachment.access_token}" target="_blank" class="d-flex flex-row">
                         <div class='oe_attachment_embedded o_image' t-att-title="attachment.name" t-att-data-mimetype="attachment.mimetype"/>
-                        <div class='o_portal_chatter_attachment_name align-self-center'><t t-esc='attachment.name'/></div>
+                        <div class='o_portal_chatter_attachment_name align-self-center text-truncate' t-att-data-tooltip="attachment.name" data-tooltip-position="top">
+                            <t t-esc='attachment.name'/>
+                        </div>
                     </a>
                 </div>
             </div>