Update styles for votes and likes (#3545)

This commit is contained in:
the1812 2022-08-25 22:34:18 +08:00
parent e54d5ae3b8
commit afff711f96
2 changed files with 22 additions and 8 deletions

View File

@ -1,18 +1,25 @@
import { toggleStyle } from '@/components/styled-component'
import { ComponentMetadata } from '@/components/types' import { ComponentMetadata } from '@/components/types'
import { addComponentListener } from '@/core/settings' import { addComponentListener } from '@/core/settings'
import { playerUrls } from '@/core/utils/urls' import { playerUrls } from '@/core/utils/urls'
const name = 'removePlayerPopup'
export const component: ComponentMetadata = { export const component: ComponentMetadata = {
...toggleStyle('removePlayerPopup', () => import('./remove-popup.scss'), ({ settings, metadata }) => { name,
entry: ({ settings, metadata }) => {
const { options } = settings const { options } = settings
const { kebabCase } = lodash const { kebabCase } = lodash
Object.keys(options).forEach(name => { Object.keys(options).forEach(optionName => {
addComponentListener(`${metadata.name}.${name}`, (value: boolean) => { addComponentListener(`${metadata.name}.${optionName}`, (value: boolean) => {
document.body.classList.toggle(`${kebabCase(metadata.name)}-${kebabCase(name)}`, value) document.body.classList.toggle(`${kebabCase(metadata.name)}-${kebabCase(optionName)}`, value)
}, true) }, true)
}) })
}), },
instantStyles: [
{
name,
style: () => import('./remove-popup.scss'),
},
],
displayName: '删除视频弹窗', displayName: '删除视频弹窗',
tags: [componentsTags.video, componentsTags.style], tags: [componentsTags.video, componentsTags.style],
description: { description: {

View File

@ -4,7 +4,11 @@ body {
.bilibili-player-video-popup-three, .bilibili-player-video-popup-three,
.bilibili-player-video-popup-three-animate, .bilibili-player-video-popup-three-animate,
.bilibili-player-video-popup-follow, .bilibili-player-video-popup-follow,
.bilibili-player-video-popup-there-cyc { .bilibili-player-video-popup-there-cyc,
.bpx-player-popup-three,
.bpx-player-popup-animate,
.bpx-player-popup-follow,
.bpx-player-popup-cyc {
display: none !important; display: none !important;
} }
} }
@ -15,7 +19,10 @@ body {
} }
} }
&-votes { &-votes {
.bilibili-player-video-popup-vote { .bilibili-player-video-popup-vote,
.bpx-player-popup-dm-close,
.bpx-player-popup-dm-shrink,
.bpx-player-popup-vote {
display: none !important; display: none !important;
} }
} }