Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2026-02-01 15:21:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1711 from mini-bomba/darkreader-proofing-the-fvlabels

Browse Source 
Reset fvlabel color definitions when segment == null
This commit is contained in:
Ajay Ramachandran
2023-03-31 13:06:37 -04:00
committed by GitHub
parent c2252af575 78f6c66547
commit 7b5303b1d8
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/CategoryPillComponent.tsx
View File

@@ -43,7 +43,7 @@ class CategoryPillComponent extends React.Component<CategoryPillProps, CategoryP
return ( return (
<span style={style} <span style={style}
className={"sponsorBlockCategoryPill"} className={"sponsorBlockCategoryPill"}
aria-label={this.getTitleText()} aria-label={this.getTitleText()}
onClick={(e) => this.toggleOpen(e)} onClick={(e) => this.toggleOpen(e)}
onMouseEnter={() => this.openTooltip()} onMouseEnter={() => this.openTooltip()}
@@ -104,8 +104,8 @@ class CategoryPillComponent extends React.Component<CategoryPillProps, CategoryP
await stopAnimation(); await stopAnimation();
if (response.successType == 1 || (response.successType == -1 && response.statusCode == 429)) { if (response.successType == 1 || (response.successType == -1 && response.statusCode == 429)) {
this.setState({ this.setState({
open: false, open: false,
show: type === 1 show: type === 1
}); });
} else if (response.statusCode !== 403) { } else if (response.statusCode !== 403) {
@@ -117,13 +117,13 @@ class CategoryPillComponent extends React.Component<CategoryPillProps, CategoryP
private getColor(): string { private getColor(): string {
// Handled by setCategoryColorCSSVariables() of content.ts // Handled by setCategoryColorCSSVariables() of content.ts
const category = this.state.segment?.category; const category = this.state.segment?.category;
return `var(--sb-category-preview-${category}, var(--sb-category-${category}))`; return category == null ? null : `var(--sb-category-preview-${category}, var(--sb-category-${category}))`;
} }
private getTextColor(): string { private getTextColor(): string {
// Handled by setCategoryColorCSSVariables() of content.ts // Handled by setCategoryColorCSSVariables() of content.ts
const category = this.state.segment?.category; const category = this.state.segment?.category;
return `var(--sb-category-text-preview-${category}, var(--sb-category-text-${category}))`; return category == null ? null : `var(--sb-category-text-preview-${category}, var(--sb-category-text-${category}))`;
} }
private openTooltip(): void { private openTooltip(): void {