From 2a6beb1237e6c376b65846ceb916ceaaba97b301 Mon Sep 17 00:00:00 2001
From: Harshil Sharma <18575143+harshilsharma63@users.noreply.github.com>
Date: Tue, 24 Dec 2024 10:37:41 +0530
Subject: [PATCH] Advanced text editor misc fixes (#29676)

* removed extra space

* Fixed border of edit box in mobile view

* Fixed test
---
 .../advanced_text_editor.scss                 | 36 ++++++++++---------
 .../__snapshots__/channel_view.test.tsx.snap  |  2 +-
 .../components/channel_view/channel_view.tsx  |  2 +-
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss b/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss
index 8bf4fd31d98..27a7706cf2d 100644
--- a/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss
+++ b/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss
@@ -202,27 +202,29 @@
 }
 
 @media screen and (max-width: 768px) {
-    .AdvancedTextEditor {
-        padding: 0;
+    #post-create {
+        .AdvancedTextEditor {
+            padding: 0;
 
-        &__body {
-            border-radius: 0;
-            border-right: none;
-            border-left: none;
-
-            &:focus-visible,
-            &:focus-within,
-            &:focus-visible:hover,
-            &:focus-within:hover,
-            &:hover {
+            &__body {
+                border-radius: 0;
                 border-right: none;
                 border-left: none;
-            }
-        }
 
-        .ThreadViewer & {
-            .msg-typing:empty {
-                display: none;
+                &:focus-visible,
+                &:focus-within,
+                &:focus-visible:hover,
+                &:focus-within:hover,
+                &:hover {
+                    border-right: none;
+                    border-left: none;
+                }
+            }
+
+            .ThreadViewer & {
+                .msg-typing:empty {
+                    display: none;
+                }
             }
         }
     }
diff --git a/webapp/channels/src/components/channel_view/__snapshots__/channel_view.test.tsx.snap b/webapp/channels/src/components/channel_view/__snapshots__/channel_view.test.tsx.snap
index 8b1cd08d152..fa25bb33205 100644
--- a/webapp/channels/src/components/channel_view/__snapshots__/channel_view.test.tsx.snap
+++ b/webapp/channels/src/components/channel_view/__snapshots__/channel_view.test.tsx.snap
@@ -161,7 +161,7 @@ exports[`components/channel_view Should match snapshot with base props 1`] = `
     channelId="channelId"
   />
   <div
-    className="post-create__container"
+    className="post-create__container AdvancedTextEditor__ctr"
     data-testid="post-create"
     id="post-create"
   >
diff --git a/webapp/channels/src/components/channel_view/channel_view.tsx b/webapp/channels/src/components/channel_view/channel_view.tsx
index 89a23802bde..39873b5d512 100644
--- a/webapp/channels/src/components/channel_view/channel_view.tsx
+++ b/webapp/channels/src/components/channel_view/channel_view.tsx
@@ -171,7 +171,7 @@ export default class ChannelView extends React.PureComponent<Props, State> {
                 <div
                     id='post-create'
                     data-testid='post-create'
-                    className='post-create__container'
+                    className='post-create__container AdvancedTextEditor__ctr'
                 >
                     <AdvancedCreatePost/>
                 </div>