[common] Bug 47778

This commit is contained in:
SergeyEzhin 2021-05-07 17:34:02 +03:00
parent f6ff8b498d
commit acc1f43a9a
4 changed files with 34 additions and 5 deletions

View file

@ -127,7 +127,7 @@ const AddCommentDialog = inject("storeComments")(observer(props => {
}).open();
});
return (
<div id='add-comment-dialog'></div>
<div id='add-comment-dialog' className="add-comment-dialog"></div>
);
}));
@ -303,7 +303,7 @@ const EditCommentDialog = inject("storeComments")(observer(({storeComments, comm
}).open();
});
return (
<div id='edit-comment-dialog'></div>
<div id='edit-comment-dialog' className="edit-comment-dialog"></div>
);
}));
@ -428,7 +428,7 @@ const AddReplyDialog = inject("storeComments")(observer(({storeComments, userInf
}).open();
});
return (
<div id='add-reply-dialog'></div>
<div id='add-reply-dialog' className="add-reply-dialog"></div>
);
}));
@ -559,7 +559,7 @@ const EditReplyDialog = inject("storeComments")(observer(({storeComments, commen
}).open();
});
return (
<div id='edit-reply-dialog'></div>
<div id='edit-reply-dialog' className="edit-reply-dialog"></div>
);
}));

View file

@ -12,10 +12,13 @@
}
.wrap-textarea {
margin-top: 6px;
.input {
height: 100%;
}
textarea {
font-size: 14px;
margin-top: 0;
min-height: 100px;
height: 100%;
padding: 5px 0;
}
}

View file

@ -1,4 +1,17 @@
.device-ios {
.wrap-comment {
height: calc(100% - 60px);
}
.add-comment-popup, .add-reply-popup, .add-comment-dialog, .add-reply-dialog {
.wrap-textarea {
height: calc(100% - 34px);
}
}
.edit-comment-popup, .edit-reply-popup, .edit-comment-dialog, .edit-reply-dialog {
.wrap-textarea {
height: calc(100% - 52px);
}
}
.comment-list {
.reply-item {
.item-inner:after {

View file

@ -1,4 +1,17 @@
.device-android {
.wrap-comment {
height: calc(100% - 72px);
}
.add-comment-popup, .add-reply-popup, .add-comment-dialog, .add-reply-dialog {
.wrap-textarea {
height: calc(100% - 41px);
}
}
.edit-comment-popup, .edit-reply-popup, .edit-comment-dialog, .edit-reply-dialog {
.wrap-textarea {
height: calc(100% - 56px);
}
}
.wrap-comment, .comment-list, .reply-list {
.comment-header, .reply-header {
display: flex;