Fix style not applying to skip notice

This commit is contained in:
Ajay Ramachandran 2021-06-13 18:54:08 -04:00
parent 8cb212a77b
commit 69e788dbc7
2 changed files with 6 additions and 5 deletions

View file

@ -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 (

View file

@ -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()}>