From cd1b30e95bbcb1a0fd462572c7a6efd33fd28e17 Mon Sep 17 00:00:00 2001
From: "Shaan Thakkar (THSH)" <thsh@odoo.com>
Date: Tue, 16 Jan 2024 11:36:46 +0530
Subject: [PATCH] [FIX] portal: fix dialog box border
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before this commit
===================
1). Go to website slides.
2). Open any Course.
3). Click on 'Add a review' or 'Edit your review'.
  -> We can see that textarea and div both have a border.

After this commit
=================
When we are in the pop-up view div border will be not shown.

Task-3623765

closes odoo/odoo#149434

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

diff --git a/addons/portal/static/src/scss/portal.scss b/addons/portal/static/src/scss/portal.scss
index 33d5a394719..67bb8d3fd45 100644
--- a/addons/portal/static/src/scss/portal.scss
+++ b/addons/portal/static/src/scss/portal.scss
@@ -378,8 +378,13 @@ img, .media_iframe_video, .o_image {
         margin-bottom: 15px;
     }
 
-    .o_portal_chatter_composer_body textarea {
-        border: 0;
+    .o_portal_chatter_composer_body  {
+        textarea {
+            border: 0;
+        }
+        > div {
+            border: 1px solid var(--o-border-color);
+        }
     }
 
     .o_portal_chatter_messages {
diff --git a/addons/portal/static/src/xml/portal_chatter.xml b/addons/portal/static/src/xml/portal_chatter.xml
index dad13f56dc0..5464adad74f 100644
--- a/addons/portal/static/src/xml/portal_chatter.xml
+++ b/addons/portal/static/src/xml/portal_chatter.xml
@@ -37,7 +37,7 @@
                     <div class="flex-grow-1">
                         <div class="o_portal_chatter_composer_input">
                             <div class="o_portal_chatter_composer_body d-flex flex-nowrap align-items-start flex-grow-1 mb-4">
-                                <div class="d-flex flex-column flex-grow-1 border rounded-3">
+                                <div class="d-flex flex-column flex-grow-1 rounded-3">
                                     <div class="position-relative flex-grow-1">
                                         <textarea rows="4" name="message" class="form-control rounded-3 shadow-none" placeholder="Write a message..." style="resize:none;"/>
                                     </div>