Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-09 04:57:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

FIx chapter name alignment on new YouTube layout

Browse Source
This commit is contained in:
Ajay
2025-07-21 03:41:07 -04:00
parent e32db21f4e
commit 86cf324d62
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/content.css
View File

@@ -184,6 +184,10 @@ div:hover > .sponsorBlockChapterBar {
margin: auto; margin: auto;
} }
.sbChapterVoteButton {
padding: 0 !important;
}
.playerButton { .playerButton {
vertical-align: top; vertical-align: top;
} }
@@ -957,5 +961,5 @@ input::-webkit-inner-spin-button {
} }
.sponsorblock-chapter-visible { .sponsorblock-chapter-visible {
display: inherit !important; display: block !important;
} }

4
src/components/ChapterVoteComponent.tsx
View File

@@ -48,7 +48,7 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
draggable="false" draggable="false"
title={chrome.i18n.getMessage("upvoteButtonInfo")} title={chrome.i18n.getMessage("upvoteButtonInfo")}
onClick={(e) => this.vote(e, 1)}> onClick={(e) => this.vote(e, 1)}>
<ThumbsUpSvg className="playerButtonImage" <ThumbsUpSvg className="playerButtonImage sbChapterVoteButton"
fill={Config.config.colorPalette.white} fill={Config.config.colorPalette.white}
width={this.state.size} height={this.state.size} /> width={this.state.size} height={this.state.size} />
</button> </button>
@@ -102,7 +102,7 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
} }
}}> }}>
<ThumbsDownSvg <ThumbsDownSvg
className="playerButtonImage" className="playerButtonImage sbChapterVoteButton"
fill={downvoteButtonColor(this.state.segment ? [this.state.segment] : null, SkipNoticeAction.Downvote, SkipNoticeAction.Downvote)} fill={downvoteButtonColor(this.state.segment ? [this.state.segment] : null, SkipNoticeAction.Downvote, SkipNoticeAction.Downvote)}
width={this.state.size} width={this.state.size}
height={this.state.size} /> height={this.state.size} />