From cf0a85b3a47344db1d7653dea3e6e94dae58d8b5 Mon Sep 17 00:00:00 2001
From: yogeshwaran <yogesh.ktm@gmail.com>
Date: Tue, 12 Jan 2021 15:15:25 +0530
Subject: [PATCH] Bug fix #11402 - Very wide code blocks overflow in comment
 preview (#12166)

* Fix #11402 - Comments with code not scroll issue

* Fix #11402 - Comments with code not scroll issue

* Fix #11402 - Comments with code not scroll issue

* #12166 - PR Review changes

* Fix #11402 - Comments with code not scroll issue

* #12166 - PR Review changes
---
 app/assets/stylesheets/views/comments.scss | 1 +
 app/views/comments/edit.html.erb           | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/views/comments.scss b/app/assets/stylesheets/views/comments.scss
index e135db95c..8e180f20f 100644
--- a/app/assets/stylesheets/views/comments.scss
+++ b/app/assets/stylesheets/views/comments.scss
@@ -29,6 +29,7 @@
     display: flex;
     flex-flow: column;
     flex: 1 auto;
+    min-width: 0;
   }
 
   .comment-textarea {
diff --git a/app/views/comments/edit.html.erb b/app/views/comments/edit.html.erb
index 1c5b2708b..4204702b2 100644
--- a/app/views/comments/edit.html.erb
+++ b/app/views/comments/edit.html.erb
@@ -1,6 +1,6 @@
 <div class="crayons-layout crayons-layout--limited-l gap-0">
     <div
-    class="comments-container crayons-card text-padding"
+    class="comments-container crayons-card min-w-0 text-padding"
     id="comments-container"
     data-commentable-id="<%= @comment.commentable_id %>"
     data-commentable-type="<%= @comment.commentable_type %>">