diff --git a/src/components/NoticeComponent.tsx b/src/components/NoticeComponent.tsx index 97b1040d..d554f85d 100644 --- a/src/components/NoticeComponent.tsx +++ b/src/components/NoticeComponent.tsx @@ -11,7 +11,9 @@ export interface NoticeProps { fadeIn?: boolean, // Callback for when this is closed - closeListener?: () => void + closeListener?: () => void, + + zIndex?: number } export interface NoticeState { @@ -62,7 +64,7 @@ class NoticeComponent extends React.Component { render() { let noticeStyle: React.CSSProperties = { - zIndex: 50 + this.amountOfPreviousNotices + zIndex: this.props.zIndex || (50 + this.amountOfPreviousNotices) } return ( diff --git a/src/components/SubmissionNoticeComponent.tsx b/src/components/SubmissionNoticeComponent.tsx index 791092f1..494b9cae 100644 --- a/src/components/SubmissionNoticeComponent.tsx +++ b/src/components/SubmissionNoticeComponent.tsx @@ -46,17 +46,12 @@ class SubmissionNoticeComponent extends React.Component + closeListener={this.cancel.bind(this)} + zIndex={50000}> {/* Text Boxes */} {this.getMessageBoxes()}