Allow putting a box around the iframes

rage · Nov 8, 2023 · 0f7a753 · 0f7a753
1 parent c10ae96
commit 0f7a753
Show file tree

Hide file tree

Showing 11 changed files with 332 additions and 348 deletions.
diff --git a/services/cms/src/blocks/ExerciseTask/ExerciseTaskEditor.tsx b/services/cms/src/blocks/ExerciseTask/ExerciseTaskEditor.tsx
@@ -223,7 +223,7 @@ const ExerciseTaskEditor: React.FC<
                     exerciseTaskId={attributes.id}
                     onPrivateSpecChange={(x) => setAttributes({ private_spec: x })}
                     privateSpec={privateSpecToPostToIframe}
-                    url={`${url}?width=${narrowContainerWidthPx}`}
+                    url={url}
                   />
                 )}
               </ExerciseTaskEditorCard>

diff --git a/...ices/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/ExerciseTask.tsx b/...ices/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/ExerciseTask.tsx
@@ -9,7 +9,6 @@ import { CourseMaterialExerciseTask } from "../../../../shared-module/bindings"
 import LoginStateContext from "../../../../shared-module/contexts/LoginStateContext"
 import { IframeState } from "../../../../shared-module/exercise-service-protocol-types"
 import { baseTheme } from "../../../../shared-module/styles"
-import { narrowContainerWidthPx } from "../../../../shared-module/styles/constants"
 
 import ExerciseTaskIframe from "./ExerciseTaskIframe"
 
@@ -63,7 +62,7 @@ const ExerciseTask: React.FC<React.PropsWithChildren<ExerciseTaskProps>> = ({
           <ExerciseTaskIframe
             exerciseServiceSlug={exerciseTask.exercise_service_slug}
             postThisStateToIFrame={postThisStateToIFrame}
-            url={`${url}?width=${narrowContainerWidthPx}`}
+            url={url}
             setAnswer={setAnswer}
             title={t("exercise-task-content", {
               "exercise-number": exerciseNumber + 1,

diff --git a/...src/components/ContentRenderer/moocfi/ExerciseBlock/PeerReviewView/PeerReviewViewImpl.tsx b/...src/components/ContentRenderer/moocfi/ExerciseBlock/PeerReviewView/PeerReviewViewImpl.tsx
@@ -17,7 +17,6 @@ import PeerReviewProgress from "../../../../../shared-module/components/PeerRevi
 import Spinner from "../../../../../shared-module/components/Spinner"
 import LoginStateContext from "../../../../../shared-module/contexts/LoginStateContext"
 import useToastMutation from "../../../../../shared-module/hooks/useToastMutation"
-import { narrowContainerWidthPx } from "../../../../../shared-module/styles/constants"
 import getGuestPseudonymousUserId from "../../../../../shared-module/utils/getGuestPseudonymousUserId"
 import { exerciseTaskGradingToExerciseTaskGradingResult } from "../../../../../shared-module/utils/typeMappter"
 import ExerciseTaskIframe from "../ExerciseTaskIframe"
@@ -227,7 +226,7 @@ const PeerReviewViewImpl: React.FC<React.PropsWithChildren<PeerReviewViewProps>>
                         model_solution_spec: course_material_exercise_task.model_solution_spec,
                       },
                     }}
-                    url={`${course_material_exercise_task.exercise_iframe_url}?width=${narrowContainerWidthPx}`}
+                    url={course_material_exercise_task.exercise_iframe_url ?? ""}
                     setAnswer={null}
                     title={t("exercise-task-content", {
                       "exercise-number": exerciseNumber + 1,