fix: block overflow when editing comment (#706)

ihor-romaniuk · web-flow · commit 3ef851589106 · 2024-12-10T12:19:40.000+05:00
diff --git a/src/discussions/post-comments/comments/comment/Reply.jsx b/src/discussions/post-comments/comments/comment/Reply.jsx
@@ -129,7 +129,7 @@ const Reply = ({ responseId }) => {
         </div>
         <div
           className="bg-light-300 pl-4 pt-2.5 pr-2.5 pb-10px flex-fill"
-          style={{ borderRadius: '0rem 0.375rem 0.375rem' }}
+          style={{ borderRadius: '0rem 0.375rem 0.375rem', maxWidth: 'calc(100% - 50px)' }}
         >
           <div className="d-flex flex-row justify-content-between">
             <AuthorLabel

Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ const Reply = ({ responseId }) => {`
`129`	`129`	`</div>`
`130`	`130`	`<div`
`131`	`131`	`className="bg-light-300 pl-4 pt-2.5 pr-2.5 pb-10px flex-fill"`
`132`		`- style={{ borderRadius: '0rem 0.375rem 0.375rem' }}`
	`132`	`+ style={{ borderRadius: '0rem 0.375rem 0.375rem', maxWidth: 'calc(100% - 50px)' }}`
`133`	`133`	`>`
`134`	`134`	`<div className="d-flex flex-row justify-content-between">`
`135`	`135`	`<AuthorLabel`