fix: Fix two scrollbars appearing on notice details since preview scr…

…ollbar fix
dis-moi · Oct 29, 2020 · 2441d6c · 2441d6c
1 parent a13cfce
commit 2441d6c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 10 deletions.
diff --git a/src/components/organisms/NoticeDetails/Message.tsx b/src/components/organisms/NoticeDetails/Message.tsx
@@ -4,7 +4,7 @@ import styled from 'styled-components';
 const MessageBlock = styled.div`
   max-height: 200px;
   padding-top: 12px;
-  overflow: auto;
+  overflow-y: auto;
 
   p {
     margin: 0;

diff --git a/src/components/organisms/NoticeDetails/NoticeDetails.tsx b/src/components/organisms/NoticeDetails/NoticeDetails.tsx
@@ -24,12 +24,6 @@ const DetailsMetaValue = styled.div`
   margin-left: 10px;
 `;
 
-const DetailsScroll = styled.div`
-  margin-top: 10px;
-  max-height: 200px;
-  overflow-y: auto;
-`;
-
 const AvatarNotice = styled(Avatar)`
   position: relative;
 
@@ -254,9 +248,7 @@ class NoticeDetails extends PureComponent<NoticeDetailsProps, CountDownState> {
             </DetailsMetaValue>
           </DetailsMeta>
 
-          <DetailsScroll>
-            <Message onClick={this.handleMessageClick}>{message}</Message>
-          </DetailsScroll>
+          <Message onClick={this.handleMessageClick}>{message}</Message>
 
           <Feedbacks>
             <Button onClick={this.handleLikeClick}>