Bilibili-Evolved/registry/lib/components/style/simplify/comments/comments-v2.scss
2023-07-30 20:22:25 +08:00

119 lines
2.5 KiB
SCSS

@import 'common';
$prefix: 'simplifyComments-switch';
.bili-comment {
.reply-item {
// [布局微调]
// 回复项
.sub-user-info,
.sub-user-name {
line-height: 1.5 !important;
}
.sub-user-info {
margin-bottom: 4px !important;
max-height: 19.5px !important;
}
// 笔记
.note-content {
flex-basis: 100% !important;
margin-bottom: 4px !important;
}
// 笔记图片
.image-exhibition {
flex-basis: 100% !important;
margin-bottom: 8px !important;
}
// 右侧操作菜单
.reply-operation-warp,
.sub-reply-operation-warp {
right: -5px !important;
}
body.#{$prefix}-userLevel & {
.user-level,
.sub-user-level {
display: none !important;
}
}
body.#{$prefix}-userPendent & {
.bili-avatar-pendent-dom {
display: none !important;
}
}
body.#{$prefix}-decorateAndTime & {
.reply-decorate {
display: none !important;
}
.reply-time,
.sub-reply-time {
position: absolute !important;
top: 0 !important;
right: 0 !important;
margin-right: 0 !important;
line-height: 1.5 !important;
}
.sub-reply-time {
top: 8px !important;
}
// .sub-user-info {
// display: flex !important;
// }
}
body.#{$prefix}-fansMedal & {
.fan-badge {
display: none !important;
}
}
body.#{$prefix}-subReplyNewLine & {
.root-reply:not(.reply-content-container) {
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
}
.reply-content-container {
display: block !important;
flex-basis: 100% !important;
}
.root-reply,
.reply-info,
.sub-reply-info {
position: static !important;
}
.reply-info,
.sub-reply-info {
display: inline-flex !important;
}
.reply-tag-list {
display: inline-flex !important;
margin: 2px 0 0 18px !important;
.reply-tag-item {
padding: 4px 6px !important;
}
}
}
}
body.#{$prefix}-eventBanner & {
.reply-notice {
display: none !important;
}
}
body.#{$prefix}-replyEditor & {
.reply-box-send {
.send-text {
font-size: 14px !important;
}
}
.reply-box-textarea {
line-height: normal !important;
}
}
}