Skip to content

Commit 3490f8a

Browse files
committed
fix: Update QuestionPreviewModal styles for coordinates graph to prevent scrolling
1 parent 63c0166 commit 3490f8a

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

assets/src/js/v3/entries/course-builder/components/modals/QuestionPreviewModal.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -510,6 +510,14 @@ const getPreviewFrameStyles = () => `
510510
object-fit: contain;
511511
}
512512
513+
/* Coordinates graph is a square (canvas width 100% + aspect-ratio); cap like draw/pin so the modal does not scroll. */
514+
.tutor-quiz-question[data-question='coordinates'] .tutor-coordinates-grid-container {
515+
box-sizing: border-box;
516+
width: min(100%, min(52vh, 460px));
517+
max-width: 100%;
518+
margin-inline: auto;
519+
}
520+
513521
/*
514522
* Puzzle preview: same viewport idea as draw/pin above — board capped at min(52vh, 460px),
515523
* scatter scroll area capped so header + board + pieces fit the modal column.

0 commit comments

Comments
 (0)