Adjust question prompt in full screen to be same size as stage and centered.

This commit is contained in:
Josiah Neuberger committed 2017-11-23 16:23:13 -05:00
1 parent b799573644
commit d315aba5da
2 files changed
+18 -7

No files matched your search

+5 -1
View File
@@ -59,7 +59,11 @@
justify-content: center;
}
.monitor-wrapper, .color-picker-wrapper {
.question-wrapper {
position: absolute;
}
.monitor-wrapper, .color-picker-wrapper, .queston-wrapper {
position: absolute;
top: 0;
left: 0;
+13 -6
View File
@@ -78,12 +78,19 @@ const StageComponent = props => {
<Box className={styles.monitorWrapper}>
<MonitorList />
</Box>
{question === null ? null : (
<Question
question={question}
onQuestionAnswered={onQuestionAnswered}
/>
)}
<div className={styles.stageOverlayContent}>
<div
className={styles.questionWrapper}
style={{width: widthCorrectedAspect}}
>
{question === null ? null : (
<Question
question={question}
onQuestionAnswered={onQuestionAnswered}
/>
)}
</div>
</div>
</Box>
</div>
);