bring over custom overlays from TW

PenguinMod · Aug 31, 2023 · a39d0cd · a39d0cd
1 parent f02c1bf
commit a39d0cd
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/src/components/stage/stage.css b/src/components/stage/stage.css
@@ -78,6 +78,11 @@ stage doesn't "spill" out from under its rounded corners. instead, shift these o
     left: 0;
     pointer-events: none;
 }
+.custom-overlays {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
 
 .dragging-sprite {
     position: absolute;

diff --git a/src/components/stage/stage.jsx b/src/components/stage/stage.jsx
@@ -70,6 +70,9 @@ const StageComponent = props => {
                         }}
                         {...boxProps}
                     />
+                    <Box className={styles.customOverlays}>
+                        <DOMElementRenderer domElement={props.overlay} />
+                    </Box>
                     <Box className={styles.monitorWrapper}>
                         <MonitorList
                             draggable={useEditorDragStyle}
@@ -150,6 +153,7 @@ StageComponent.propTypes = {
         width: PropTypes.number,
         height: PropTypes.number
     }),
+    overlay: PropTypes.instanceOf(Element).isRequired,
     colorInfo: Loupe.propTypes.colorInfo,
     dragRef: PropTypes.func,
     isColorPicking: PropTypes.bool,

diff --git a/src/containers/stage.jsx b/src/containers/stage.jsx
@@ -507,6 +507,7 @@ class Stage extends React.Component {
         return (
             <StageComponent
                 canvas={this.canvas}
+                overlay={this.props.vm.runtime.renderer.overlayContainer}
                 colorInfo={this.state.colorInfo}
                 dragRef={this.setDragCanvas}
                 question={this.state.question}