Made submission notice above other notices

This commit is contained in:
Ajay Ramachandran
2020-04-09 01:42:16 -04:00
parent b7870cbd74
commit adef65b878
2 changed files with 6 additions and 9 deletions

View File

@@ -11,7 +11,9 @@ export interface NoticeProps {
fadeIn?: boolean, fadeIn?: boolean,
// Callback for when this is closed // Callback for when this is closed
closeListener?: () => void closeListener?: () => void,
zIndex?: number
} }
export interface NoticeState { export interface NoticeState {
@@ -62,7 +64,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
render() { render() {
let noticeStyle: React.CSSProperties = { let noticeStyle: React.CSSProperties = {
zIndex: 50 + this.amountOfPreviousNotices zIndex: this.props.zIndex || (50 + this.amountOfPreviousNotices)
} }
return ( return (

View File

@@ -46,17 +46,12 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
} }
render() { render() {
let noticeStyle: React.CSSProperties = {};
if (this.contentContainer().onMobileYouTube) {
noticeStyle.bottom = "4em";
noticeStyle.transform = "scale(0.8) translate(10%, 10%)";
}
return ( return (
<NoticeComponent noticeTitle={this.state.noticeTitle} <NoticeComponent noticeTitle={this.state.noticeTitle}
idSuffix={this.state.idSuffix} idSuffix={this.state.idSuffix}
ref={this.noticeRef} ref={this.noticeRef}
closeListener={this.cancel.bind(this)}> closeListener={this.cancel.bind(this)}
zIndex={50000}>
{/* Text Boxes */} {/* Text Boxes */}
{this.getMessageBoxes()} {this.getMessageBoxes()}