mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2024-11-10 09:07:45 +01:00
Fix style not applying to skip notice
This commit is contained in:
parent
8cb212a77b
commit
69e788dbc7
2 changed files with 6 additions and 5 deletions
|
@ -15,7 +15,8 @@ export interface NoticeProps {
|
|||
// Callback for when this is closed
|
||||
closeListener: () => void,
|
||||
|
||||
zIndex?: number
|
||||
zIndex?: number,
|
||||
style?: React.CSSProperties
|
||||
}
|
||||
|
||||
export interface NoticeState {
|
||||
|
@ -70,7 +71,8 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
|
|||
|
||||
render(): React.ReactElement {
|
||||
const noticeStyle: React.CSSProperties = {
|
||||
zIndex: this.props.zIndex || (50 + this.amountOfPreviousNotices)
|
||||
zIndex: this.props.zIndex || (1000 + this.amountOfPreviousNotices),
|
||||
...(this.props.style ?? {})
|
||||
}
|
||||
|
||||
return (
|
||||
|
|
|
@ -126,9 +126,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
|
|||
}
|
||||
|
||||
render(): React.ReactElement {
|
||||
const noticeStyle: React.CSSProperties = {
|
||||
zIndex: 1000 + this.amountOfPreviousNotices
|
||||
}
|
||||
const noticeStyle: React.CSSProperties = { }
|
||||
if (this.contentContainer().onMobileYouTube) {
|
||||
noticeStyle.bottom = "4em";
|
||||
noticeStyle.transform = "scale(0.8) translate(10%, 10%)";
|
||||
|
@ -142,6 +140,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
|
|||
timed={true}
|
||||
maxCountdownTime={this.state.maxCountdownTime}
|
||||
videoSpeed={() => this.contentContainer().v?.playbackRate}
|
||||
style={noticeStyle}
|
||||
ref={this.noticeRef}
|
||||
closeListener={() => this.closeListener()}>
|
||||
|
||||
|
|
Loading…
Reference in a new issue