refs #1694 Set limit height when new toot window height is resized

This commit is contained in:
AkiraFukushima 2020-08-22 22:43:08 +09:00
parent 1e54ae242d
commit 9293f9c7e1
1 changed files with 10 additions and 0 deletions

View File

@ -427,6 +427,14 @@ export default {
}
},
handleResize(event) {
// Ignore when the modal height already reach window height.
const vHeight = this.$refs.dialog.$el.firstChild.style.marginTop
const marginTop = (document.documentElement.clientHeight / 100) * parseInt(vHeight)
const limitHeight = document.documentElement.clientHeight - marginTop - 80
if (this.$refs.dialog.$el.firstChild.offsetHeight >= limitHeight) {
return
}
// When emoji picker is opened, resize event has to be stopped.
const style = this.$refs.dialog.$el.firstChild.style
if (style.overflow === '' || style.overflow === 'hidden') {
const pollHeight = this.$refs.poll ? this.$refs.poll.$el.offsetHeight : 0
@ -456,6 +464,8 @@ export default {
overflow: hidden;
resize: both;
padding-bottom: 20px;
max-height: calc(100% - 15vh - 80px);
max-width: 95%;
}
.el-dialog__header {