From d400c1518c1786b5a12b9b17e68ff14292002ffa Mon Sep 17 00:00:00 2001
From: Vinh <vinh@wikiwi.io>
Date: Mon, 19 Aug 2019 23:34:39 +0700
Subject: [PATCH] fix: temporary use min-height for single comment view to not
 cutoff report dialog (#2476)

---
 .../Comment/ReportButton/ReportButtonWithPopover.tsx         | 5 +++++
 .../stream/tabs/Comments/PermalinkView/PermalinkView.css     | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/core/client/stream/tabs/Comments/Comment/ReportButton/ReportButtonWithPopover.tsx b/src/core/client/stream/tabs/Comments/Comment/ReportButton/ReportButtonWithPopover.tsx
index eb6fbadc3..f485a38c6 100644
--- a/src/core/client/stream/tabs/Comments/Comment/ReportButton/ReportButtonWithPopover.tsx
+++ b/src/core/client/stream/tabs/Comments/Comment/ReportButton/ReportButtonWithPopover.tsx
@@ -24,6 +24,11 @@ const ReportButtonWithPopover: React.FunctionComponent<Props> = ({
         id={popoverID}
         placement="top-end"
         description="A dialog for reporting comments"
+        modifiers={{
+          flip: {
+            enabled: false,
+          },
+        }}
         body={({ toggleVisibility, scheduleUpdate }) => (
           <ClickOutside onClickOutside={toggleVisibility}>
             <ReportPopover
diff --git a/src/core/client/stream/tabs/Comments/PermalinkView/PermalinkView.css b/src/core/client/stream/tabs/Comments/PermalinkView/PermalinkView.css
index 0a489ef25..aec259d9b 100644
--- a/src/core/client/stream/tabs/Comments/PermalinkView/PermalinkView.css
+++ b/src/core/client/stream/tabs/Comments/PermalinkView/PermalinkView.css
@@ -1,5 +1,6 @@
 .root {
   width: 100%;
+  min-height: 400px;
 }
 
 .replyList {