Bilibili-Evolved/registry/lib/components/style/simplify/live/live.scss

263 lines
6.4 KiB
SCSS

$prefix: 'simplifyLiveroom-switch';
.#{$prefix} {
&-vip .vip-icon,
&-fansMedal .fans-medal-item-ctnr,
&-title .title-label,
&-userLevel .user-level-icon,
&-guard .chat-history-panel .guard-icon,
&-systemMessage .system-msg,
&-systemMessage .announcement-wrapper,
&-welcomeMessage .welcome-guard,
&-welcomeMessage .welcome-msg,
&-popup .chat-popups-section,
&-popup #chat-draw-area-vm,
&-giftMessage .chat-item.gift-item,
&-giftMessage .chat-history-panel .penury-gift-msg,
&-guardPurchase .chat-item.guard-buy,
&-eventsBanner .z-section-blocks .left-container .flip-view,
&-eventsBanner .activity-pushing-out,
&-userEffect .live-room-app .aside-area .activity-welcome-section,
&-kanban .live-haruna-ctnr,
&-enterPrompt .chat-item.important-prompt-item,
&-enterPrompt .chat-history-panel .brush-prompt,
&-enterPrompt .chat-item.convention-msg,
&-pk .chaos-pk,
&-topRank .chat-item.top3-notice,
&-topRank .chat-item .rank-icon {
display: none !important;
}
}
.#{$prefix}-headerPanel {
// 修复高度太低时下面的弹窗挡不住排行榜
.control-panel-ctnr .dialog-ctnr {
z-index: 800 !important;
}
.player-ctnr .room-info-ctnr {
display: inline-flex !important;
flex: 1 0 auto;
align-items: center !important;
margin-left: 12px !important;
}
.head-info-section {
height: 52px !important;
box-sizing: content-box !important;
}
.header-info-ctnr {
display: flex !important;
padding: 10px 24px 10px 12px !important;
height: auto !important;
.blive-avatar-icons,
.face-pendants {
display: none !important;
}
// .blive-avatar-icons {
// right: -2px !important;
// .blive-avatar-icon {
// width: 12px !important;
// height: 12px !important;
// border-width: 1px !important;
// }
// }
.blive-avatar-pendant {
width: 48px !important;
height: 48px !important;
}
.blive-avatar-face,
.blive-avatar,
.avatar {
height: 32px !important;
width: 32px !important;
}
}
.room-cover {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
}
.rows-ctnr {
display: flex !important;
}
.rows-ctnr .upper-row,
.room-info-upper-row {
display: flex !important;
align-items: center !important;
flex: 1 0 auto !important;
flex-direction: row-reverse !important;
position: static !important;
.left-ctnr,
.normal-mode {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.live-area,
.area-text {
display: inline-flex !important;
}
.right-ctnr,
.upper-right-ctnr {
position: static !important;
transform: none !important;
}
.live-title,
.room-title {
display: flex !important;
align-items: center !important;
.text {
line-height: normal !important;
}
@media screen and (max-width: 1750px) {
& .title-length-limit {
max-width: 250px !important;
}
}
}
.info-section {
display: none !important;
}
}
.rows-ctnr .lower-row,
.room-info-down-row {
margin: 0 !important;
order: -1;
.right-ctnr,
.left-ctnr > :nth-child(n + 3) {
display: none !important;
}
}
.room-owner-username {
max-width: 150px !important;
}
.live-status,
.live-status-label {
display: none !important;
}
}
.#{$prefix}-giftMessage:not(.#{$prefix}-enterPrompt) {
.chat-history-list.with-penury-gift {
&:not(.with-brush-prompt) {
height: calc(100%) !important;
}
&.with-brush-prompt {
height: calc(100% - 32px) !important;
}
}
}
.#{$prefix}-enterPrompt:not(.#{$prefix}-giftMessage) {
.chat-history-list.with-brush-prompt {
&:not(.with-penury-gift) {
height: calc(100%) !important;
}
&.with-penury-gift {
height: calc(100% - 32px) !important;
}
}
}
.#{$prefix}-enterPrompt.#{$prefix}-giftMessage {
.chat-history-list {
height: calc(100%) !important;
}
}
.#{$prefix}-rankList {
.live-room-app {
.rank-list-section {
display: none !important;
}
.chat-history-panel {
height: calc(100% - 145px) !important;
.chat-history-list::-webkit-scrollbar-track {
background: transparent !important;
}
}
.chat-history-panel,
#pay-note-panel-vm .pay-note-panel,
#pay-note-panel-vm .pay-note-panel .detail-info .mask {
border-radius: 11px 11px 0 0 !important;
}
}
&.player-full-win {
.chat-history-panel,
#pay-note-panel-vm .pay-note-panel,
#pay-note-panel-vm .pay-note-panel .detail-info .mask {
border-radius: 0 !important;
}
}
}
.#{$prefix}-giftPanel {
.gift-panel,
.gift-panel-switch,
.gift-section.guard-ent,
.seeds-wrap > .dp-i-block > .item:not(.seeds),
.gift-control-panel .wish-icon,
.gift-control-panel .wish-tip,
.gift-control-panel .left-part-ctnr {
display: none !important;
}
.gift-control-section,
.gift-control-panel {
height: 48px !important;
}
.gift-control-panel .right-part {
height: 48px !important;
display: flex !important;
justify-content: flex-end !important;
min-width: unset !important;
> .dp-table-cell {
display: flex !important;
align-items: center !important;
.supporting-info {
transform: translateY(-2px) !important;
}
}
}
}
.#{$prefix}-guard {
.guard-danmaku::before {
border-image: none !important;
background-color: transparent !important;
.guard-danmaku {
margin: 0 !important;
padding: 4px 5px !important;
}
.guard-danmaku::after {
background-image: none !important;
}
}
.chat-history-panel [class*='guard-level-'] {
padding: 4px 5px !important;
margin: 0 !important;
&::after {
display: none !important;
}
}
.chat-history-panel .chat-colorful-bubble {
margin: 0 !important;
display: block !important;
border-radius: 0 !important;
background-color: transparent !important;
}
.fans-medal-item.medal-guard {
margin-left: 0 !important;
}
}
.#{$prefix}-emoticons {
.control-panel-icon-row .emoticons-panel {
display: none !important;
}
.chat-history-list .chat-item .emoticon {
img {
display: none !important;
}
span {
display: inline-flex !important;
}
}
.danmaku-item-container .bilibili-danmaku img {
display: none !important;
}
}