From e113b3cfc8235c10e64bec63c443fd0ac1c1d932 Mon Sep 17 00:00:00 2001
From: Matthew Birtch <mattbirtch@gmail.com>
Date: Wed, 16 Apr 2025 08:48:28 -0400
Subject: [PATCH] MM-59038 Fix markdown inconsistencies in preview mode
 (#30719)

* fix inconsistency with markdown image sizes in preview mode

* fix preview mode in RHS so it shows HR

* Update _markdown.scss

* fix css linting issue

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../channels/src/sass/components/_post-right.scss   |  6 ++++++
 webapp/channels/src/sass/layout/_markdown.scss      | 13 ++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/sass/components/_post-right.scss b/webapp/channels/src/sass/components/_post-right.scss
index d9e0dd6239..4d9ed33002 100644
--- a/webapp/channels/src/sass/components/_post-right.scss
+++ b/webapp/channels/src/sass/components/_post-right.scss
@@ -167,6 +167,12 @@
         border: none;
     }
 
+    .textarea-wrapper-preview {
+        hr {
+            border-top: solid 1px rgba(var(--center-channel-color-rgb), 0.24)
+        }
+    }
+
     .post-create__container {
         width: 100%;
 
diff --git a/webapp/channels/src/sass/layout/_markdown.scss b/webapp/channels/src/sass/layout/_markdown.scss
index 93c7c072e2..36c5b7250a 100644
--- a/webapp/channels/src/sass/layout/_markdown.scss
+++ b/webapp/channels/src/sass/layout/_markdown.scss
@@ -51,7 +51,8 @@ h6.markdown__heading {
 }
 
 #post-list,
-#rhsContainer {
+#rhsContainer,
+.textbox-preview-area {
     .markdown-inline-img {
         max-height: 500px;
         border-radius: 4px;
@@ -147,6 +148,16 @@ h6.markdown__heading {
     }
 }
 
+.textbox-preview-area {
+    .markdown-inline-img--hover {
+        &:hover {
+            border: 1px solid transparent;
+            box-shadow: none;
+            cursor: default;
+        }
+    }
+}
+
 .post-code {
     position: relative;
     overflow-x: auto;