Advanced text editor misc fixes (mattermost#29676)

* removed extra space * Fixed border of edit box in mobile view * Fixed test
Brightscout · Dec 24, 2024 · 2a6beb1 · 2a6beb1
1 parent f95809e
commit 2a6beb1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 18 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
@@ -202,27 +202,29 @@
 }
 
 @media screen and (max-width: 768px) {
-    .AdvancedTextEditor {
-        padding: 0;
-
-        &__body {
-            border-radius: 0;
-            border-right: none;
-            border-left: none;
+    #post-create {
+        .AdvancedTextEditor {
+            padding: 0;
 
-            &:focus-visible,
-            &:focus-within,
-            &:focus-visible:hover,
-            &:focus-within:hover,
-            &:hover {
+            &__body {
+                border-radius: 0;
                 border-right: none;
                 border-left: none;
+
+                &:focus-visible,
+                &:focus-within,
+                &:focus-visible:hover,
+                &:focus-within:hover,
+                &:hover {
+                    border-right: none;
+                    border-left: none;
+                }
             }
-        }
 
-        .ThreadViewer & {
-            .msg-typing:empty {
-                display: 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
@@ -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
@@ -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>