Merge pull request #746 from amyspark/fix-editing-description

Fix editing media description
This commit is contained in:
AkiraFukushima 2018-11-26 22:23:36 +09:00 committed by GitHub
commit 068457cdd4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions

View File

@ -21,7 +21,14 @@
<div class="image-wrapper" v-for="media in attachedMedias" v-bind:key="media.id"> <div class="image-wrapper" v-for="media in attachedMedias" v-bind:key="media.id">
<img :src="media.preview_url" class="preview-image" /> <img :src="media.preview_url" class="preview-image" />
<el-button type="text" @click="removeAttachment(media)" class="remove-image"><icon name="times-circle"></icon></el-button> <el-button type="text" @click="removeAttachment(media)" class="remove-image"><icon name="times-circle"></icon></el-button>
<textarea rows="2" maxlength="420" class="image-description" :placeholder="$t('modals.new_toot.description')" v-model="mediaDescriptions[media.id]" ></textarea> <textarea
maxlength="420"
class="image-description"
:placeholder="$t('modals.new_toot.description')"
role="textbox"
contenteditable="true"
aria-multiline="true">
</textarea>
</div> </div>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -358,6 +365,7 @@ export default {
color: #fff; color: #fff;
opacity: 1; opacity: 1;
resize: none; resize: none;
overflow: scroll;
&::placeholder { &::placeholder {
color: #c0c4cc; color: #c0c4cc;