web-apps/apps/common/mobile/resources/less/material/comments.less

88 lines
1.6 KiB
Plaintext

.device-android {
.wrap-comment, .comment-list, .reply-list {
.comment-header, .reply-header {
display: flex;
.initials {
border-radius: 50px;
color: @white;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
font-size: 14px;
}
}
}
.wrap-comment {
.comment-header {
align-items: center;
.initials {
height: 30px;
width: 30px;
}
}
.wrap-textarea {
.input:not(.input-outline):after {
content: none;
}
}
}
#add-comment-dialog, #edit-comment-dialog, #add-reply-dialog, #edit-reply-dialog {
.dialog {
--f7-dialog-text-color: @black;
.done {
padding-right: 6px;
}
}
}
.comment-list {
.item-inner:after, li:last-child li .item-inner:after {
content: none;
}
.comment-header {
.left {
display: flex;
align-items: center;
.initials {
width: 40px;
height: 40px;
font-size: 18px;
}
}
}
}
.reply-list {
.reply-header {
.left {
display: flex;
.initials {
margin-top: 5px;
width: 24px;
height: 24px;
font-size: 11px;
}
}
}
}
.edit-comment-popup, .edit-reply-popup, #edit-comment-dialog, #edit-reply-dialog {
.wrap-comment {
.comment-header, .reply-header {
.initials {
height: 40px;
width: 40px;
}
}
}
}
#view-comment-popover {
.toolbar-bottom:after {
content: none;
}
}
}