diff options
| author | Henry Jameson <me@hjkos.com> | 2018-04-15 18:38:10 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-04-15 18:38:10 +0300 |
| commit | 600b2d5bbd4ad45d42366fd0d60c0d991b006aed (patch) | |
| tree | 5b096c4bdfcd5985a001b2c19240654f00272685 /src | |
| parent | 208b2ed12528053efa351f1720cd316dbdac8aa9 (diff) | |
Added resizing inputbox on focus so that replying to The Discourse™ is less painful
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 27 |
1 files changed, 21 insertions, 6 deletions
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 69234d66..4107522d 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -1,10 +1,25 @@ <template> - <div class="post-status-form"> - <form @submit.prevent="postStatus(newStatus)"> - <div class="form-group" > - <textarea @click="setCaret" @keyup="setCaret" v-model="newStatus.status" :placeholder="$t('post_status.default')" rows="1" class="form-control" @keydown.down="cycleForward" @keydown.up="cycleBackward" @keydown.shift.tab="cycleBackward" @keydown.tab="cycleForward" @keydown.enter="replaceCandidate" @keydown.meta.enter="postStatus(newStatus)" @keyup.ctrl.enter="postStatus(newStatus)" @drop="fileDrop" @dragover.prevent="fileDrag" @input="resize" @paste="paste"></textarea> - </div> - <div style="position:relative;" v-if="candidates"> +<div class="post-status-form"> + <form @submit.prevent="postStatus(newStatus)"> + <div class="form-group" > + <textarea + @click="setCaret" + @keyup="setCaret" v-model="newStatus.status" :placeholder="$t('post_status.default')" rows="1" class="form-control" + @keydown.down="cycleForward" + @keydown.up="cycleBackward" + @keydown.shift.tab="cycleBackward" + @keydown.tab="cycleForward" + @keydown.enter="replaceCandidate" + @keydown.meta.enter="postStatus(newStatus)" + @keyup.ctrl.enter="postStatus(newStatus)" + @drop="fileDrop" + @dragover.prevent="fileDrag" + @input="resize" + @focus="resize" + @paste="paste"> + </textarea> + </div> + <div style="position:relative;" v-if="candidates"> <div class="autocomplete-panel"> <div v-for="candidate in candidates" @click="replace(candidate.utf || (candidate.screen_name + ' '))"> <div v-if="candidate.highlighted" class="autocomplete"> |