cybrespace
/
mastodon
4
3
Fork 3
Code Issues 7 Pull Requests Releases Activity

Automatically change the size of textarea (#2128)

This commit is contained in:
geta6 2017-04-19 22:39:46 +09:00 committed by Eugen
parent a8e1afc30a
commit 15a4fc5dcc
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/components/components/autosuggest_textarea.jsx
View File

@ -63,6 +63,10 @@ const AutosuggestTextarea = React.createClass({
this.props.onSuggestionsClearRequested(); this.props.onSuggestionsClearRequested();
} }
// auto-resize textarea
e.target.style.height = 'auto';
e.target.style.height = `${e.target.scrollHeight}px`;
this.props.onChange(e); this.props.onChange(e);
}, },

9
app/assets/stylesheets/components.scss
View File

@ -1196,7 +1196,6 @@ a.status__content__spoiler-link {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
resize: none;
margin: 0; margin: 0;
color: $color1; color: $color1;
padding: 10px; padding: 10px;
@ -1220,11 +1219,17 @@ a.status__content__spoiler-link {
} }
.autosuggest-textarea__textarea { .autosuggest-textarea__textarea {
height: 100px; min-height: 100px;
background: $color5; background: $color5;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
padding-bottom: 0; padding-bottom: 0;
padding-right: 10px + 22px; padding-right: 10px + 22px;
resize: none;
@media screen and (max-width: 600px) {
height: 100px !important; // prevent auto-resize textarea
resize: vertical;
}
} }
.autosuggest-textarea__suggestions { .autosuggest-textarea__suggestions {