mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
263 lines
6.4 KiB
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;
|
|
}
|
|
}
|