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

View File

@ -4,7 +4,11 @@ body {
.bilibili-player-video-popup-three,
.bilibili-player-video-popup-three-animate,
.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;
}
}
@ -15,7 +19,10 @@ body {
}
}
&-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;
}
}