Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[mobile] Fix view comment for tablet

Browse source
This commit is contained in:
JuliaSvinareva 2021-05-17 19:51:12 +03:00
parent 383620fbc7
commit 537f007461
2 changed files with 18 additions and 6 deletions
apps/common/mobile
lib/view/collaboration
Comments.jsx
resources/less
comments.less

3
apps/common/mobile/lib/view/collaboration/Comments.jsx
View file

@ -726,6 +726,7 @@ const CommentList = inject("storeComments", "storeAppOptions")(observer(({storeC
<Link href='#' onClick={onViewNextComment}><Icon slot='media' icon='icon-next'/></Link> <Link href='#' onClick={onViewNextComment}><Icon slot='media' icon='icon-next'/></Link>
</div> </div>
</Toolbar> </Toolbar>
<div className='pages'>
<Page className='page-current-comment'> <Page className='page-current-comment'>
<List className='comment-list'> <List className='comment-list'>
<ListItem> <ListItem>
@ -794,6 +795,7 @@ const CommentList = inject("storeComments", "storeAppOptions")(observer(({storeC
<CommentActions comment={comment} onCommentMenuClick={onCommentMenuClick} opened={commentActionsOpened} openActionComment={openActionComment}/> <CommentActions comment={comment} onCommentMenuClick={onCommentMenuClick} opened={commentActionsOpened} openActionComment={openActionComment}/>
<ReplyActions comment={comment} reply={reply} onCommentMenuClick={onCommentMenuClick} opened={replyActionsOpened} openActionReply={openActionReply}/> <ReplyActions comment={comment} reply={reply} onCommentMenuClick={onCommentMenuClick} opened={replyActionsOpened} openActionReply={openActionReply}/>
</Page> </Page>
</div>
</Fragment> </Fragment>
) )
})); }));
@ -830,7 +832,6 @@ const ViewCommentSheet = ({closeCurComments, onCommentMenuClick, onResolveCommen
} }
}; };
const handleTouchEnd = (event) => { const handleTouchEnd = (event) => {
console.log('end');
const touchObj = event.changedTouches[0]; const touchObj = event.changedTouches[0];
const swipeEnd = parseInt(touchObj.clientY); const swipeEnd = parseInt(touchObj.clientY);
const dist = swipeEnd - stateStartY; const dist = swipeEnd - stateStartY;

21
apps/common/mobile/resources/less/comments.less
View file

@ -165,9 +165,15 @@
#view-comment-popover { #view-comment-popover {
background-color: @white; background-color: @white;
.page .page-content { .pages {
padding: 16px; position: absolute;
padding-left: 0; }
.page {
border-radius: var(--f7-popover-border-radius);
.page-content {
padding: 16px 16px 60px 0;
border-radius: var(--f7-popover-border-radius);
}
} }
.comment-list { .comment-list {
.item-content { .item-content {
@ -178,6 +184,9 @@
} }
} }
} }
.toolbar {
border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius);
}
} }
.page-current-comment { .page-current-comment {
@ -200,10 +209,12 @@
} }
} }
.dialog.modal-in {
z-index: 14000;
}
.dialog-backdrop.backdrop-in { .dialog-backdrop.backdrop-in {
&.over-popover {
z-index: 13600; z-index: 13600;
}
} }
.no-comments { .no-comments {