MM-12053 Increase max height of post textbox (mattermost#1746)

* MM-12053 Increase max height of post textbox in desktop view * Scroll RHS to bottom after updating comment box height
jespino · Sep 26, 2018 · 52774e8 · 52774e8
1 parent a8451b5
commit 52774e8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/components/create_comment/create_comment.jsx b/components/create_comment/create_comment.jsx
@@ -394,9 +394,9 @@ export default class CreateComment extends React.PureComponent {
  const {draft} = this.state;
  const updatedDraft = {...draft, message};
  this.props.onUpdateCommentDraft(updatedDraft);
- this.setState({draft: updatedDraft});
-
- this.scrollToBottom();
+ this.setState({draft: updatedDraft}, () => {
+ this.scrollToBottom();
+ });
  }
 
  handleKeyDown = (e) => {

diff --git a/sass/layout/_post-right.scss b/sass/layout/_post-right.scss
@@ -63,6 +63,7 @@
  }
 
  .custom-textarea {
+ max-height: calc(50vh - 80px);
  min-height: 100px;
  }
 

diff --git a/sass/layout/_post.scss b/sass/layout/_post.scss
@@ -420,7 +420,7 @@
 
  .custom-textarea {
  bottom: 0;
- max-height: 162px;
+ max-height: calc(50vh - 40px);
  overflow: hidden;
  padding: 12px 0 12px 15px;
  resize: none;

diff --git a/sass/responsive/_mobile.scss b/sass/responsive/_mobile.scss
@@ -67,6 +67,10 @@
  display: block;
  }
 
+ .custom-textarea {
+ max-height: 162px;
+ }
+
  textarea {
  .app-content & {
  border-left: none;
@@ -1965,4 +1969,4 @@ label {
  input {
  font-size: 16px;
  }
-}
+}