catchup-library-web 2.5.12 → 2.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.d.mts +1 -2
  2. package/dist/index.d.ts +1 -2
  3. package/dist/index.js +12 -15
  4. package/dist/index.mjs +12 -15
  5. package/package.json +1 -1
  6. package/src/components/activities/MCMAActivityContent.tsx +3 -3
  7. package/src/components/activities/MCSAActivityContent.tsx +3 -3
  8. package/src/components/activities/MatchingActivityContent.tsx +1 -2
  9. package/src/components/activities/OrderingActivityContent.tsx +1 -2
  10. package/src/components/activities/body-contents/ActivityBodyContent.tsx +1 -2
  11. package/src/properties/ActivityProperties.ts +0 -1
package/dist/index.d.mts CHANGED
@@ -127,7 +127,6 @@ interface IActivityBodyContentProps {
127
127
  bodyMap: any;
128
128
  contentMap?: any;
129
129
  answerMap?: any;
130
- fillHeight?: boolean;
131
130
  }
132
131
  interface IOrderingActivityProps {
133
132
  answerMap: any;
@@ -233,7 +232,7 @@ interface IActivityPreviewByDataProps {
233
232
  isPreview: boolean;
234
233
  }
235
234
 
236
- declare const ActivityBodyContent: ({ templateType, bodyMap, contentMap, answerMap, fillHeight, }: IActivityBodyContentProps) => react_jsx_runtime.JSX.Element | null;
235
+ declare const ActivityBodyContent: ({ templateType, bodyMap, contentMap, answerMap, }: IActivityBodyContentProps) => react_jsx_runtime.JSX.Element | null;
237
236
 
238
237
  declare const DropdownActivityContent: ({ answerMap, data, canAnswerQuestion, changeAnswer, isPreview, showCorrectAnswer, isFullScreen, }: IDropdownActivityProps) => react_jsx_runtime.JSX.Element;
239
238
 
package/dist/index.d.ts CHANGED
@@ -127,7 +127,6 @@ interface IActivityBodyContentProps {
127
127
  bodyMap: any;
128
128
  contentMap?: any;
129
129
  answerMap?: any;
130
- fillHeight?: boolean;
131
130
  }
132
131
  interface IOrderingActivityProps {
133
132
  answerMap: any;
@@ -233,7 +232,7 @@ interface IActivityPreviewByDataProps {
233
232
  isPreview: boolean;
234
233
  }
235
234
 
236
- declare const ActivityBodyContent: ({ templateType, bodyMap, contentMap, answerMap, fillHeight, }: IActivityBodyContentProps) => react_jsx_runtime.JSX.Element | null;
235
+ declare const ActivityBodyContent: ({ templateType, bodyMap, contentMap, answerMap, }: IActivityBodyContentProps) => react_jsx_runtime.JSX.Element | null;
237
236
 
238
237
  declare const DropdownActivityContent: ({ answerMap, data, canAnswerQuestion, changeAnswer, isPreview, showCorrectAnswer, isFullScreen, }: IDropdownActivityProps) => react_jsx_runtime.JSX.Element;
239
238
 
package/dist/index.js CHANGED
@@ -3743,8 +3743,7 @@ var ActivityBodyContent = ({
3743
3743
  templateType,
3744
3744
  bodyMap,
3745
3745
  contentMap,
3746
- answerMap,
3747
- fillHeight = false
3746
+ answerMap
3748
3747
  }) => {
3749
3748
  if (!bodyMap) return null;
3750
3749
  const processBodyValue = (bodyValue, contentType, answerMap2, startIndex) => {
@@ -3820,7 +3819,7 @@ var ActivityBodyContent = ({
3820
3819
  key
3821
3820
  });
3822
3821
  }).filter(Boolean);
3823
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `flex flex-col justify-center items-center overflow-y-auto ${fillHeight ? "h-full" : "max-h-[40vh]"}`, children: processedBodies.map((body, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
3822
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col justify-center items-center h-full overflow-y-auto", children: processedBodies.map((body, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
3824
3823
  ShowBodyMediaByContentType_default,
3825
3824
  {
3826
3825
  index,
@@ -6103,13 +6102,12 @@ var MatchingActivityContent = ({
6103
6102
  ActivityBodyContent_default,
6104
6103
  {
6105
6104
  bodyMap: matchingBodyMap,
6106
- templateType: "MATCHING",
6107
- fillHeight: !isFullScreen
6105
+ templateType: "MATCHING"
6108
6106
  }
6109
6107
  ) }),
6110
6108
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DividerLine_default, {}) }),
6111
6109
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(VerticalDividerLine_default, {}) }),
6112
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[70%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6110
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6113
6111
  MatchingActivityMaterialContent_default,
6114
6112
  {
6115
6113
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6266,11 +6264,11 @@ var MCMAActivityContent = ({
6266
6264
  }
6267
6265
  changeAnswer(answerMap2);
6268
6266
  };
6269
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
6270
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
6267
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6268
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
6271
6269
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DividerLine_default, {}) }),
6272
6270
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VerticalDividerLine_default, {}) }),
6273
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
6271
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
6274
6272
  MCMAActivityMaterialContent_default,
6275
6273
  {
6276
6274
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6414,11 +6412,11 @@ var MCSAActivityContent = ({
6414
6412
  answerMap2[key] = value;
6415
6413
  changeAnswer(answerMap2);
6416
6414
  };
6417
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
6418
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
6415
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-row flex-wrap h-full", children: [
6416
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
6419
6417
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DividerLine_default, {}) }),
6420
6418
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(VerticalDividerLine_default, {}) }),
6421
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
6419
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
6422
6420
  MCSAActivityMaterialContent_default,
6423
6421
  {
6424
6422
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6945,13 +6943,12 @@ var OrderingActivityContent = ({
6945
6943
  ActivityBodyContent_default,
6946
6944
  {
6947
6945
  bodyMap: orderingBodyMap,
6948
- templateType: "ORDERING",
6949
- fillHeight: !isFullScreen
6946
+ templateType: "ORDERING"
6950
6947
  }
6951
6948
  ) }),
6952
6949
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DividerLine_default, {}) }),
6953
6950
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(VerticalDividerLine_default, {}) }),
6954
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[70%]"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6951
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
6955
6952
  OrderingActivityMaterialContent_default,
6956
6953
  {
6957
6954
  uniqueValue: JSON.stringify(data.contentMap),
package/dist/index.mjs CHANGED
@@ -3509,8 +3509,7 @@ var ActivityBodyContent = ({
3509
3509
  templateType,
3510
3510
  bodyMap,
3511
3511
  contentMap,
3512
- answerMap,
3513
- fillHeight = false
3512
+ answerMap
3514
3513
  }) => {
3515
3514
  if (!bodyMap) return null;
3516
3515
  const processBodyValue = (bodyValue, contentType, answerMap2, startIndex) => {
@@ -3586,7 +3585,7 @@ var ActivityBodyContent = ({
3586
3585
  key
3587
3586
  });
3588
3587
  }).filter(Boolean);
3589
- return /* @__PURE__ */ jsx21("div", { className: `flex flex-col justify-center items-center overflow-y-auto ${fillHeight ? "h-full" : "max-h-[40vh]"}`, children: processedBodies.map((body, index) => /* @__PURE__ */ jsx21(
3588
+ return /* @__PURE__ */ jsx21("div", { className: "flex flex-col justify-center items-center h-full overflow-y-auto", children: processedBodies.map((body, index) => /* @__PURE__ */ jsx21(
3590
3589
  ShowBodyMediaByContentType_default,
3591
3590
  {
3592
3591
  index,
@@ -5869,13 +5868,12 @@ var MatchingActivityContent = ({
5869
5868
  ActivityBodyContent_default,
5870
5869
  {
5871
5870
  bodyMap: matchingBodyMap,
5872
- templateType: "MATCHING",
5873
- fillHeight: !isFullScreen
5871
+ templateType: "MATCHING"
5874
5872
  }
5875
5873
  ) }),
5876
5874
  /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx34(DividerLine_default, {}) }),
5877
5875
  /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx34(VerticalDividerLine_default, {}) }),
5878
- /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[70%]"}`, children: /* @__PURE__ */ jsx34(
5876
+ /* @__PURE__ */ jsx34("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx34(
5879
5877
  MatchingActivityMaterialContent_default,
5880
5878
  {
5881
5879
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6032,11 +6030,11 @@ var MCMAActivityContent = ({
6032
6030
  }
6033
6031
  changeAnswer(answerMap2);
6034
6032
  };
6035
- return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap", children: [
6036
- /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx36(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
6033
+ return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap h-full", children: [
6034
+ /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx36(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
6037
6035
  /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
6038
6036
  /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx36(VerticalDividerLine_default, {}) }),
6039
- /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx36(
6037
+ /* @__PURE__ */ jsx36("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx36(
6040
6038
  MCMAActivityMaterialContent_default,
6041
6039
  {
6042
6040
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6180,11 +6178,11 @@ var MCSAActivityContent = ({
6180
6178
  answerMap2[key] = value;
6181
6179
  changeAnswer(answerMap2);
6182
6180
  };
6183
- return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap", children: [
6184
- /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx38(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
6181
+ return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap h-full", children: [
6182
+ /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx38(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
6185
6183
  /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx38(DividerLine_default, {}) }),
6186
6184
  /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx38(VerticalDividerLine_default, {}) }),
6187
- /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx38(
6185
+ /* @__PURE__ */ jsx38("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`, children: /* @__PURE__ */ jsx38(
6188
6186
  MCSAActivityMaterialContent_default,
6189
6187
  {
6190
6188
  uniqueValue: JSON.stringify(data.contentMap),
@@ -6711,13 +6709,12 @@ var OrderingActivityContent = ({
6711
6709
  ActivityBodyContent_default,
6712
6710
  {
6713
6711
  bodyMap: orderingBodyMap,
6714
- templateType: "ORDERING",
6715
- fillHeight: !isFullScreen
6712
+ templateType: "ORDERING"
6716
6713
  }
6717
6714
  ) }),
6718
6715
  /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx42(DividerLine_default, {}) }),
6719
6716
  /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx42(VerticalDividerLine_default, {}) }),
6720
- /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[70%]"}`, children: /* @__PURE__ */ jsx42(
6717
+ /* @__PURE__ */ jsx42("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx42(
6721
6718
  OrderingActivityMaterialContent_default,
6722
6719
  {
6723
6720
  uniqueValue: JSON.stringify(data.contentMap),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "2.5.12",
3
+ "version": "2.5.13",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/activities/MCMAActivityContent.tsx CHANGED
@@ -40,8 +40,8 @@ const MCMAActivityContent = ({
40
40
  };
41
41
 
42
42
  return (
43
- <div className="flex flex-row flex-wrap">
44
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`}>
43
+ <div className="flex flex-row flex-wrap h-full">
44
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
45
45
  <ActivityBodyContent bodyMap={MCMABodyMap} templateType={"MCMA"} />
46
46
  </div>
47
47
  <div className={`${isFullScreen ? "contents" : "contents md:hidden"}`}>
@@ -50,7 +50,7 @@ const MCMAActivityContent = ({
50
50
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
51
51
  <VerticalDividerLine />
52
52
  </div>
53
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
53
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
54
54
  <MCMAActivityMaterialContent
55
55
  uniqueValue={JSON.stringify(data.contentMap)}
56
56
  answerMap={answerMap}
package/src/components/activities/MCSAActivityContent.tsx CHANGED
@@ -33,8 +33,8 @@ const MCSAActivityContent = ({
33
33
  };
34
34
 
35
35
  return (
36
- <div className="flex flex-row flex-wrap">
37
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`}>
36
+ <div className="flex flex-row flex-wrap h-full">
37
+ <div className={`${isFullScreen ? "w-full" : "w-full md:w-[60%] md:overflow-y-auto"}`}>
38
38
  <ActivityBodyContent bodyMap={MCSABodyMap} templateType="MCSA" />
39
39
  </div>
40
40
  <div className={`${isFullScreen ? "contents" : "contents md:hidden"}`}>
@@ -43,7 +43,7 @@ const MCSAActivityContent = ({
43
43
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
44
44
  <VerticalDividerLine />
45
45
  </div>
46
- <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
46
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1 md:overflow-y-auto"}`}>
47
47
  <MCSAActivityMaterialContent
48
48
  uniqueValue={JSON.stringify(data.contentMap)}
49
49
  answerMap={answerMap}
package/src/components/activities/MatchingActivityContent.tsx CHANGED
@@ -38,7 +38,6 @@ const MatchingActivityContent = ({
38
38
  <ActivityBodyContent
39
39
  bodyMap={matchingBodyMap}
40
40
  templateType={"MATCHING"}
41
- fillHeight={!isFullScreen}
42
41
  />
43
42
  </div>
44
43
  <div className={`${isFullScreen ? "contents" : "contents md:hidden"}`}>
@@ -47,7 +46,7 @@ const MatchingActivityContent = ({
47
46
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
48
47
  <VerticalDividerLine />
49
48
  </div>
50
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[70%]"}`}>
49
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
51
50
  <MatchingActivityMaterialContent
52
51
  uniqueValue={JSON.stringify(data.contentMap)}
53
52
  answerMap={answerMap}
package/src/components/activities/OrderingActivityContent.tsx CHANGED
@@ -40,7 +40,6 @@ const OrderingActivityContent = ({
40
40
  <ActivityBodyContent
41
41
  bodyMap={orderingBodyMap}
42
42
  templateType={"ORDERING"}
43
- fillHeight={!isFullScreen}
44
43
  />
45
44
  </div>
46
45
  <div className={`${isFullScreen ? "contents" : "contents md:hidden"}`}>
@@ -49,7 +48,7 @@ const OrderingActivityContent = ({
49
48
  <div className={`${isFullScreen ? "hidden" : "hidden md:block"}`}>
50
49
  <VerticalDividerLine />
51
50
  </div>
52
- <div className={`${isFullScreen ? "w-full" : "w-full md:w-[70%]"}`}>
51
+ <div className={`${isFullScreen ? "w-full" : "w-full md:flex-1"}`}>
53
52
  <OrderingActivityMaterialContent
54
53
  uniqueValue={JSON.stringify(data.contentMap)}
55
54
  answerMap={answerMap}
package/src/components/activities/body-contents/ActivityBodyContent.tsx CHANGED
@@ -6,7 +6,6 @@ const ActivityBodyContent = ({
6
6
  bodyMap,
7
7
  contentMap,
8
8
  answerMap,
9
- fillHeight = false,
10
9
  }: IActivityBodyContentProps) => {
11
10
  if (!bodyMap) return null;
12
11
 
@@ -108,7 +107,7 @@ const ActivityBodyContent = ({
108
107
  .filter(Boolean);
109
108
 
110
109
  return (
111
- <div className={`flex flex-col justify-center items-center overflow-y-auto ${fillHeight ? "h-full" : "max-h-[40vh]"}`}>
110
+ <div className="flex flex-col justify-center items-center h-full overflow-y-auto">
112
111
  {processedBodies.map((body, index) => (
113
112
  <ShowBodyMediaByContentType
114
113
  key={`body-${body.key}-${index}`}
package/src/properties/ActivityProperties.ts CHANGED
@@ -17,7 +17,6 @@ export interface IActivityBodyContentProps {
17
17
  bodyMap: any;
18
18
  contentMap?: any;
19
19
  answerMap?: any;
20
- fillHeight?: boolean;
21
20
  }
22
21
 
23
22
  export interface IOrderingActivityProps {