diff options
Diffstat (limited to 'src/client/views/MainViewModal.tsx')
| -rw-r--r-- | src/client/views/MainViewModal.tsx | 22 |
1 files changed, 9 insertions, 13 deletions
diff --git a/src/client/views/MainViewModal.tsx b/src/client/views/MainViewModal.tsx index 34e0ff126..7f91c0079 100644 --- a/src/client/views/MainViewModal.tsx +++ b/src/client/views/MainViewModal.tsx @@ -21,19 +21,17 @@ export class MainViewModal extends React.Component<MainViewOverlayProps> { const dialogueOpacity = p.dialogueBoxDisplayedOpacity || 1; const overlayOpacity = p.overlayDisplayedOpacity || 0.4; return !p.isDisplayed ? (null) : ( - <div style={{ + <div className="mainViewModal-cont" style={{ pointerEvents: p.isDisplayed && p.interactive ? "all" : "none" }}> - <div - className={"dialogue-box"} - style={{ - borderColor: "black", - ...(p.dialogueBoxStyle || {}), - opacity: p.isDisplayed ? dialogueOpacity : 0 - }} - >{p.contents}</div> - <div - className={"overlay"} + <div className="dialogue-box" style={{ + borderColor: "black", + ...(p.dialogueBoxStyle || {}), + opacity: p.isDisplayed ? dialogueOpacity : 0 + }} > + {p.contents} + </div> + <div className="overlay" onClick={this.props?.closeOnExternalClick} style={{ backgroundColor: "gainsboro", @@ -44,6 +42,4 @@ export class MainViewModal extends React.Component<MainViewOverlayProps> { </div> ); } - - }
\ No newline at end of file |