fix(frontend): 長い文章を投稿する際、プレビューが画面からはみ出る問題を修正

Fix #11186
This commit is contained in:
syuilo 2023-07-08 18:55:02 +09:00
parent 3796da6836
commit 6a015341ef
3 changed files with 11 additions and 1 deletions

View file

@ -31,6 +31,7 @@
- Fix: ZenUIでポップアップの表示位置がおかしい問題を修正 - Fix: ZenUIでポップアップの表示位置がおかしい問題を修正
- Fix: ページ遷移でスクロール位置が保持されない問題を修正 - Fix: ページ遷移でスクロール位置が保持されない問題を修正
- Fix: フォルダーのページネーションが機能しない #11180 - Fix: フォルダーのページネーションが機能しない #11180
- Fix: 長い文章を投稿する際、プレビューが画面からはみ出る問題を修正
### Server ### Server
- JSON.parse の回数を削減することで、ストリーミングのパフォーマンスを向上しました - JSON.parse の回数を削減することで、ストリーミングのパフォーマンスを向上しました

View file

@ -1019,6 +1019,8 @@ defineExpose({
.preview { .preview {
padding: 16px 20px 0 20px; padding: 16px 20px 0 20px;
max-height: 150px;
overflow: auto;
} }
.targetNote { .targetNote {

View file

@ -1,6 +1,6 @@
<template> <template>
<MkModal ref="modal" :preferType="'dialog'" @click="modal.close()" @closed="onModalClosed()"> <MkModal ref="modal" :preferType="'dialog'" @click="modal.close()" @closed="onModalClosed()">
<MkPostForm ref="form" style="margin: 0 auto auto auto;" v-bind="props" autofocus freezeAfterPosted @posted="onPosted" @cancel="modal.close()" @esc="modal.close()"/> <MkPostForm ref="form" :class="$style.form" v-bind="props" autofocus freezeAfterPosted @posted="onPosted" @cancel="modal.close()" @esc="modal.close()"/>
</MkModal> </MkModal>
</template> </template>
@ -44,3 +44,10 @@ function onModalClosed() {
emit('closed'); emit('closed');
} }
</script> </script>
<style lang="scss" module>
.form {
max-height: 100%;
margin: 0 auto auto auto;
}
</style>