@selfcommunity/react-theme-default 0.4.2-courses.159 → 0.4.2-courses.161

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 (38) hide show
  1. package/lib/cjs/components/SCAccordionLessons.d.ts +3 -0
  2. package/lib/cjs/components/SCAccordionLessons.js +3 -0
  3. package/lib/cjs/components/SCCommentObjectReply.d.ts +7 -0
  4. package/lib/cjs/components/SCCommentObjectReply.js +8 -1
  5. package/lib/cjs/components/SCComposer.d.ts +13 -0
  6. package/lib/cjs/components/SCComposer.js +14 -22
  7. package/lib/cjs/components/SCEditCourse.d.ts +3 -0
  8. package/lib/cjs/components/SCEditCourse.js +3 -0
  9. package/lib/cjs/components/SCEditor.d.ts +0 -20
  10. package/lib/cjs/components/SCEditor.js +0 -20
  11. package/lib/cjs/components/SCLessonCommentObject.d.ts +3 -0
  12. package/lib/cjs/components/SCLessonCommentObject.js +3 -0
  13. package/lib/cjs/components/SCLessonFilePreview.d.ts +31 -0
  14. package/lib/cjs/components/SCLessonFilePreview.js +33 -0
  15. package/lib/cjs/components/SCLessonObject.d.ts +19 -3
  16. package/lib/cjs/components/SCLessonObject.js +19 -4
  17. package/lib/cjs/index.d.ts +79 -29
  18. package/lib/cjs/index.js +2 -0
  19. package/lib/esm/components/SCAccordionLessons.d.ts +3 -0
  20. package/lib/esm/components/SCAccordionLessons.js +3 -0
  21. package/lib/esm/components/SCCommentObjectReply.d.ts +7 -0
  22. package/lib/esm/components/SCCommentObjectReply.js +8 -1
  23. package/lib/esm/components/SCComposer.d.ts +13 -0
  24. package/lib/esm/components/SCComposer.js +14 -22
  25. package/lib/esm/components/SCEditCourse.d.ts +3 -0
  26. package/lib/esm/components/SCEditCourse.js +3 -0
  27. package/lib/esm/components/SCEditor.d.ts +0 -20
  28. package/lib/esm/components/SCEditor.js +0 -20
  29. package/lib/esm/components/SCLessonCommentObject.d.ts +3 -0
  30. package/lib/esm/components/SCLessonCommentObject.js +3 -0
  31. package/lib/esm/components/SCLessonFilePreview.d.ts +31 -0
  32. package/lib/esm/components/SCLessonFilePreview.js +31 -0
  33. package/lib/esm/components/SCLessonObject.d.ts +19 -3
  34. package/lib/esm/components/SCLessonObject.js +19 -4
  35. package/lib/esm/index.d.ts +79 -29
  36. package/lib/esm/index.js +2 -0
  37. package/lib/umd/react-theme-default.js +1 -1
  38. package/package.json +2 -2
@@ -5,6 +5,9 @@ declare const Component: {
5
5
  }) => {
6
6
  border: string;
7
7
  borderRadius: string;
8
+ '& .SCAccordionLessons-empty': {
9
+ padding: any;
10
+ };
8
11
  '& .SCAccordionLessons-accordion': {
9
12
  '& .SCAccordionLessons-summary': {
10
13
  flexDirection: string;
@@ -5,6 +5,9 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  border: `1px solid ${theme.palette.grey['300']}`,
7
7
  borderRadius: '5px',
8
+ '& .SCAccordionLessons-empty': {
9
+ padding: theme.spacing('19px', 3)
10
+ },
8
11
  '& .SCAccordionLessons-accordion': {
9
12
  '& .SCAccordionLessons-summary': {
10
13
  flexDirection: 'row-reverse',
@@ -27,6 +27,13 @@ declare const Component: {
27
27
  '& .SCCommentObjectReply-comment': {
28
28
  overflow: string;
29
29
  borderRadius: number;
30
+ '& .SCCommentObjectReply-media': {
31
+ maxWidth: number;
32
+ padding: any;
33
+ '& .SCMediaFile-media': {
34
+ height: string;
35
+ };
36
+ };
30
37
  };
31
38
  '& .SCCommentObjectReply-actions': {
32
39
  marginLeft: any;
@@ -28,7 +28,14 @@ const Component = {
28
28
  },
29
29
  '& .SCCommentObjectReply-comment': {
30
30
  overflow: 'visible',
31
- borderRadius: theme.shape.borderRadius * 0.5
31
+ borderRadius: theme.shape.borderRadius * 0.5,
32
+ '& .SCCommentObjectReply-media': {
33
+ maxWidth: 200,
34
+ padding: theme.spacing(1),
35
+ '& .SCMediaFile-media': {
36
+ height: '40px !important'
37
+ }
38
+ }
32
39
  },
33
40
  '& .SCCommentObjectReply-actions': {
34
41
  marginLeft: theme.spacing(),
@@ -170,11 +170,24 @@ declare const Component: {
170
170
  };
171
171
  };
172
172
  contentLessonRoot: ({ theme }: any) => {
173
+ padding: any;
173
174
  '& .SCEditor-root': {
174
175
  '& .SCEditor-content': {
175
176
  paddingTop: any;
176
177
  };
177
178
  };
179
+ '& .SCComposer-content-lesson-medias': {
180
+ '& .SCMediaFile-preview-root': {
181
+ marginBottom: any;
182
+ '& .SCMediaFile-media': {
183
+ height: string;
184
+ maxWidth: number;
185
+ };
186
+ };
187
+ '& .SCMediaLink-preview-root': {
188
+ marginBottom: any;
189
+ };
190
+ };
178
191
  };
179
192
  layerTransitionRoot: ({ theme }: any) => {
180
193
  position: string;
@@ -173,31 +173,23 @@ const Component = {
173
173
  }
174
174
  }),
175
175
  contentLessonRoot: ({ theme }) => ({
176
- // '& .SCComposer-content-lesson-editor': {
176
+ padding: theme.spacing(2),
177
177
  '& .SCEditor-root': {
178
178
  '& .SCEditor-content': {
179
- paddingTop: theme.spacing(1)
179
+ paddingTop: theme.spacing(1.5)
180
+ }
181
+ },
182
+ '& .SCComposer-content-lesson-medias': {
183
+ '& .SCMediaFile-preview-root': {
184
+ marginBottom: theme.spacing(1),
185
+ '& .SCMediaFile-media': {
186
+ height: '60px !important',
187
+ maxWidth: 140
188
+ }
189
+ },
190
+ '& .SCMediaLink-preview-root': {
191
+ marginBottom: theme.spacing(1)
180
192
  }
181
- // paddingBottom: theme.spacing(2),
182
- // '& .MuiInputBase-root': {
183
- // paddingLeft: 0,
184
- // paddingRight: 0,
185
- // paddingBottom: 0,
186
- // fontSize: '1.429rem',
187
- // fontWeight: theme.typography.fontWeightBold,
188
- // '& fieldset': {
189
- // display: 'none'
190
- // },
191
- // '&.MuiInputBase-adornedEnd .MuiTypography-root': {
192
- // alignSelf: 'end'
193
- // },
194
- // '&.Mui-error': {
195
- // color: theme.palette.error.main
196
- // }
197
- // },
198
- // '& .MuiFormHelperText-root': {
199
- // marginLeft: 0
200
- // }
201
193
  }
202
194
  }),
203
195
  layerTransitionRoot: ({ theme }) => ({
@@ -105,6 +105,9 @@ declare const Component: {
105
105
  '& .SCEditCourse-cell-padding': {
106
106
  paddingRight: number;
107
107
  };
108
+ '& .MuiTableCell-root': {
109
+ textWrapMode: string;
110
+ };
108
111
  '& .SCEditCourse-table-header': {
109
112
  '& .SCEditCourse-table-header-typography': {
110
113
  textTransform: string;
@@ -105,6 +105,9 @@ const Component = {
105
105
  '& .SCEditCourse-cell-padding': {
106
106
  paddingRight: 0
107
107
  },
108
+ '& .MuiTableCell-root': {
109
+ textWrapMode: 'nowrap'
110
+ },
108
111
  '& .SCEditCourse-table-header': {
109
112
  '& .SCEditCourse-table-header-typography': {
110
113
  textTransform: 'uppercase'
@@ -154,26 +154,6 @@ declare const Component: {
154
154
  '& .SCEditor-listItem': {
155
155
  margin: string;
156
156
  };
157
- '& .SCEditor-document': {
158
- '& .selected': {
159
- border: string;
160
- };
161
- '& .MuiBox-root': {
162
- padding: any;
163
- borderRadius: string;
164
- background: any;
165
- '& a': {
166
- display: string;
167
- alignItems: string;
168
- width: string;
169
- '& img': {
170
- height: any;
171
- width: any;
172
- marginRight: any;
173
- };
174
- };
175
- };
176
- };
177
157
  };
178
158
  toolbar: ({ theme }: any) => {
179
159
  '& .SCEditor-placeholder': {
@@ -156,26 +156,6 @@ const Component = {
156
156
  },
157
157
  '& .SCEditor-listItem': {
158
158
  margin: '0 32px'
159
- },
160
- '& .SCEditor-document': {
161
- '& .selected': {
162
- border: `2px solid ${theme.palette.secondary.main}`
163
- },
164
- '& .MuiBox-root': {
165
- padding: theme.spacing(1),
166
- borderRadius: '5px',
167
- background: theme.palette.grey[300],
168
- '& a': {
169
- display: 'flex',
170
- alignItems: 'center',
171
- width: 'fit-content',
172
- '& img': {
173
- height: theme.spacing(3),
174
- width: theme.spacing(3),
175
- marginRight: theme.spacing(1)
176
- }
177
- }
178
- }
179
159
  }
180
160
  }),
181
161
  toolbar: ({ theme }) => ({
@@ -65,6 +65,9 @@ declare const Component: {
65
65
  maxWidth: string;
66
66
  };
67
67
  };
68
+ '& .SCLessonCommentObject-media-content': {
69
+ marginBottom: any;
70
+ };
68
71
  };
69
72
  '& .SCLessonCommentObject-avatar': {
70
73
  top: any;
@@ -66,6 +66,9 @@ const Component = {
66
66
  '& img': {
67
67
  maxWidth: '100%'
68
68
  }
69
+ },
70
+ '& .SCLessonCommentObject-media-content': {
71
+ marginBottom: theme.spacing(1)
69
72
  }
70
73
  },
71
74
  '& .SCLessonCommentObject-avatar': {
@@ -0,0 +1,31 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ backgroundSize: string;
5
+ backgroundPosition: string;
6
+ position: string;
7
+ borderRadius: number;
8
+ margin: any;
9
+ width: string;
10
+ height: string;
11
+ flexBasis: number;
12
+ flexGrow: number;
13
+ flexShrink: number;
14
+ '& .SCLessonFilePreview-title': {
15
+ position: string;
16
+ left: any;
17
+ top: any;
18
+ borderRadius: any;
19
+ background: string;
20
+ color: any;
21
+ fontSize: string;
22
+ padding: any;
23
+ maxWidth: number;
24
+ textOverflow: string;
25
+ overflow: string;
26
+ whiteSpace: string;
27
+ };
28
+ };
29
+ };
30
+ };
31
+ export default Component;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ backgroundSize: 'cover',
7
+ backgroundPosition: 'center',
8
+ position: 'relative',
9
+ borderRadius: theme.shape.borderRadius * 0.5,
10
+ margin: theme.spacing(0.5),
11
+ width: '100%',
12
+ height: '60px',
13
+ flexBasis: 120,
14
+ flexGrow: 0,
15
+ flexShrink: 0,
16
+ '& .SCLessonFilePreview-title': {
17
+ position: 'absolute',
18
+ left: theme.spacing(1),
19
+ top: theme.spacing(1),
20
+ borderRadius: theme.shape.borderRadius,
21
+ background: '#33333380 0% 0% no-repeat padding-box',
22
+ color: theme.palette.common.white,
23
+ fontSize: '0.875rem',
24
+ padding: theme.spacing(0.5, 1),
25
+ maxWidth: 80,
26
+ textOverflow: 'ellipsis',
27
+ overflow: 'hidden',
28
+ whiteSpace: 'nowrap'
29
+ }
30
+ })
31
+ }
32
+ };
33
+ exports.default = Component;
@@ -10,10 +10,12 @@ declare const Component: {
10
10
  padding: string;
11
11
  '& .SCLessonObject-text': {
12
12
  '& > div:first-of-type': {
13
- height: string;
14
13
  img: {
15
- height: string;
16
- objectFit: string;
14
+ display: string;
15
+ margin: string;
16
+ width: string;
17
+ maxWidth: string;
18
+ position: string;
17
19
  };
18
20
  padding: string;
19
21
  };
@@ -27,6 +29,20 @@ declare const Component: {
27
29
  color: string;
28
30
  };
29
31
  };
32
+ '& .SCLessonObject-medias-section': {
33
+ display: string;
34
+ '& .SCLessonFilePreview-root': {
35
+ marginBottom: any;
36
+ };
37
+ '& .SCMediaLink-display-root': {
38
+ marginBottom: any;
39
+ '& > div > div': {
40
+ [x: number]: {
41
+ height: string;
42
+ };
43
+ };
44
+ };
45
+ };
30
46
  };
31
47
  '& .SCLessonObject-content-edit': {
32
48
  padding: string;
@@ -12,14 +12,15 @@ const Component = {
12
12
  padding: `${theme.spacing(2)} !important`,
13
13
  '& .SCLessonObject-text': {
14
14
  '& > div:first-of-type': {
15
- height: '240px',
16
15
  img: {
17
- height: '240px',
18
- objectFit: 'cover'
16
+ display: 'block',
17
+ margin: '0 auto',
18
+ width: 'auto !important',
19
+ maxWidth: '100% !important',
20
+ position: 'relative !important'
19
21
  },
20
22
  padding: '0 !important'
21
23
  },
22
- // '& .SCEditor-paragraph': {}
23
24
  '& > div:has(> a)': {
24
25
  borderRadius: '5px',
25
26
  padding: theme.spacing(1),
@@ -29,6 +30,20 @@ const Component = {
29
30
  textDecoration: 'none',
30
31
  color: 'inherit'
31
32
  }
33
+ },
34
+ '& .SCLessonObject-medias-section': {
35
+ display: 'flex',
36
+ '& .SCLessonFilePreview-root': {
37
+ marginBottom: theme.spacing(1)
38
+ },
39
+ '& .SCMediaLink-display-root': {
40
+ marginBottom: theme.spacing(1),
41
+ '& > div > div': {
42
+ [theme.breakpoints.down('md')]: {
43
+ height: '240px !important'
44
+ }
45
+ }
46
+ }
32
47
  }
33
48
  },
34
49
  '& .SCLessonObject-content-edit': {
@@ -240,6 +240,9 @@ declare const theme: {
240
240
  }) => {
241
241
  border: string;
242
242
  borderRadius: string;
243
+ '& .SCAccordionLessons-empty': {
244
+ padding: any;
245
+ };
243
246
  '& .SCAccordionLessons-accordion': {
244
247
  '& .SCAccordionLessons-summary': {
245
248
  flexDirection: string;
@@ -1182,6 +1185,13 @@ declare const theme: {
1182
1185
  '& .SCCommentObjectReply-comment': {
1183
1186
  overflow: string;
1184
1187
  borderRadius: number;
1188
+ '& .SCCommentObjectReply-media': {
1189
+ maxWidth: number;
1190
+ padding: any;
1191
+ '& .SCMediaFile-media': {
1192
+ height: string;
1193
+ };
1194
+ };
1185
1195
  };
1186
1196
  '& .SCCommentObjectReply-actions': {
1187
1197
  marginLeft: any;
@@ -1445,11 +1455,24 @@ declare const theme: {
1445
1455
  };
1446
1456
  };
1447
1457
  contentLessonRoot: ({ theme }: any) => {
1458
+ padding: any;
1448
1459
  '& .SCEditor-root': {
1449
1460
  '& .SCEditor-content': {
1450
1461
  paddingTop: any;
1451
1462
  };
1452
1463
  };
1464
+ '& .SCComposer-content-lesson-medias': {
1465
+ '& .SCMediaFile-preview-root': {
1466
+ marginBottom: any;
1467
+ '& .SCMediaFile-media': {
1468
+ height: string;
1469
+ maxWidth: number;
1470
+ };
1471
+ };
1472
+ '& .SCMediaLink-preview-root': {
1473
+ marginBottom: any;
1474
+ };
1475
+ };
1453
1476
  };
1454
1477
  layerTransitionRoot: ({ theme }: any) => {
1455
1478
  position: string;
@@ -3112,26 +3135,6 @@ declare const theme: {
3112
3135
  '& .SCEditor-listItem': {
3113
3136
  margin: string;
3114
3137
  };
3115
- '& .SCEditor-document': {
3116
- '& .selected': {
3117
- border: string;
3118
- };
3119
- '& .MuiBox-root': {
3120
- padding: any;
3121
- borderRadius: string;
3122
- background: any;
3123
- '& a': {
3124
- display: string;
3125
- alignItems: string;
3126
- width: string;
3127
- '& img': {
3128
- height: any;
3129
- width: any;
3130
- marginRight: any;
3131
- };
3132
- };
3133
- };
3134
- };
3135
3138
  };
3136
3139
  toolbar: ({ theme }: any) => {
3137
3140
  '& .SCEditor-placeholder': {
@@ -3379,6 +3382,9 @@ declare const theme: {
3379
3382
  '& .SCEditCourse-cell-padding': {
3380
3383
  paddingRight: number;
3381
3384
  };
3385
+ '& .MuiTableCell-root': {
3386
+ textWrapMode: string;
3387
+ };
3382
3388
  '& .SCEditCourse-table-header': {
3383
3389
  '& .SCEditCourse-table-header-typography': {
3384
3390
  textTransform: string;
@@ -4069,9 +4075,7 @@ declare const theme: {
4069
4075
  fontSize: string;
4070
4076
  fontWeight: any;
4071
4077
  padding: any;
4072
- }; /**
4073
- * Style assets - Imports - End
4074
- */
4078
+ };
4075
4079
  };
4076
4080
  '& .SCCommentObject-root': {
4077
4081
  marginTop: number;
@@ -4273,9 +4277,6 @@ declare const theme: {
4273
4277
  };
4274
4278
  '& .MuiCardHeader-root': {
4275
4279
  textAlign: string;
4276
- /**
4277
- * Style assets - Exports - Start
4278
- */
4279
4280
  padding: any;
4280
4281
  '& .SCFeedObject-poll-object-toggle-button': {
4281
4282
  fontSize: string;
@@ -5406,6 +5407,9 @@ declare const theme: {
5406
5407
  maxWidth: string;
5407
5408
  };
5408
5409
  };
5410
+ '& .SCLessonCommentObject-media-content': {
5411
+ marginBottom: any;
5412
+ };
5409
5413
  };
5410
5414
  '& .SCLessonCommentObject-avatar': {
5411
5415
  top: any;
@@ -5554,6 +5558,36 @@ declare const theme: {
5554
5558
  };
5555
5559
  };
5556
5560
  };
5561
+ SCLessonFilePreview: {
5562
+ styleOverrides: {
5563
+ root: ({ theme }: any) => {
5564
+ backgroundSize: string;
5565
+ backgroundPosition: string;
5566
+ position: string;
5567
+ borderRadius: number;
5568
+ margin: any;
5569
+ width: string;
5570
+ height: string;
5571
+ flexBasis: number;
5572
+ flexGrow: number;
5573
+ flexShrink: number;
5574
+ '& .SCLessonFilePreview-title': {
5575
+ position: string;
5576
+ left: any;
5577
+ top: any;
5578
+ borderRadius: any;
5579
+ background: string;
5580
+ color: any;
5581
+ fontSize: string;
5582
+ padding: any;
5583
+ maxWidth: number;
5584
+ textOverflow: string;
5585
+ overflow: string;
5586
+ whiteSpace: string;
5587
+ };
5588
+ };
5589
+ };
5590
+ };
5557
5591
  SCLessonTemplate: {
5558
5592
  styleOverrides: {
5559
5593
  root: () => {};
@@ -5589,10 +5623,12 @@ declare const theme: {
5589
5623
  padding: string;
5590
5624
  '& .SCLessonObject-text': {
5591
5625
  '& > div:first-of-type': {
5592
- height: string;
5593
5626
  img: {
5594
- height: string;
5595
- objectFit: string;
5627
+ display: string;
5628
+ margin: string;
5629
+ width: string;
5630
+ maxWidth: string;
5631
+ position: string;
5596
5632
  };
5597
5633
  padding: string;
5598
5634
  };
@@ -5606,6 +5642,20 @@ declare const theme: {
5606
5642
  color: string;
5607
5643
  };
5608
5644
  };
5645
+ '& .SCLessonObject-medias-section': {
5646
+ display: string;
5647
+ '& .SCLessonFilePreview-root': {
5648
+ marginBottom: any;
5649
+ };
5650
+ '& .SCMediaLink-display-root': {
5651
+ marginBottom: any;
5652
+ '& > div > div': {
5653
+ [x: number]: {
5654
+ height: string;
5655
+ };
5656
+ };
5657
+ };
5658
+ };
5609
5659
  };
5610
5660
  '& .SCLessonObject-content-edit': {
5611
5661
  padding: string;
package/lib/cjs/index.js CHANGED
@@ -129,6 +129,7 @@ const SCLessonCommentObject_1 = tslib_1.__importDefault(require("./components/SC
129
129
  const SCLessonCommentObjects_1 = tslib_1.__importDefault(require("./components/SCLessonCommentObjects"));
130
130
  const SCCourseCompletedDialog_1 = tslib_1.__importDefault(require("./components/SCCourseCompletedDialog"));
131
131
  const SCLessonEditForm_1 = tslib_1.__importDefault(require("./components/SCLessonEditForm"));
132
+ const SCLessonFilePreview_1 = tslib_1.__importDefault(require("./components/SCLessonFilePreview"));
132
133
  const SCLessonTemplate_1 = tslib_1.__importDefault(require("./components/SCLessonTemplate"));
133
134
  const SCLessonObject_1 = tslib_1.__importDefault(require("./components/SCLessonObject"));
134
135
  const SCLessonReleaseMenu_1 = tslib_1.__importDefault(require("./components/SCLessonReleaseMenu"));
@@ -395,6 +396,7 @@ const theme = {
395
396
  SCLessonCommentObjects: SCLessonCommentObjects_1.default,
396
397
  SCCourseCompletedDialog: SCCourseCompletedDialog_1.default,
397
398
  SCLessonEditForm: SCLessonEditForm_1.default,
399
+ SCLessonFilePreview: SCLessonFilePreview_1.default,
398
400
  SCLessonTemplate: SCLessonTemplate_1.default,
399
401
  SCLessonObject: SCLessonObject_1.default,
400
402
  SCLessonReleaseMenu: SCLessonReleaseMenu_1.default,
@@ -5,6 +5,9 @@ declare const Component: {
5
5
  }) => {
6
6
  border: string;
7
7
  borderRadius: string;
8
+ '& .SCAccordionLessons-empty': {
9
+ padding: any;
10
+ };
8
11
  '& .SCAccordionLessons-accordion': {
9
12
  '& .SCAccordionLessons-summary': {
10
13
  flexDirection: string;
@@ -3,6 +3,9 @@ const Component = {
3
3
  root: ({ theme }) => ({
4
4
  border: `1px solid ${theme.palette.grey['300']}`,
5
5
  borderRadius: '5px',
6
+ '& .SCAccordionLessons-empty': {
7
+ padding: theme.spacing('19px', 3)
8
+ },
6
9
  '& .SCAccordionLessons-accordion': {
7
10
  '& .SCAccordionLessons-summary': {
8
11
  flexDirection: 'row-reverse',
@@ -27,6 +27,13 @@ declare const Component: {
27
27
  '& .SCCommentObjectReply-comment': {
28
28
  overflow: string;
29
29
  borderRadius: number;
30
+ '& .SCCommentObjectReply-media': {
31
+ maxWidth: number;
32
+ padding: any;
33
+ '& .SCMediaFile-media': {
34
+ height: string;
35
+ };
36
+ };
30
37
  };
31
38
  '& .SCCommentObjectReply-actions': {
32
39
  marginLeft: any;
@@ -26,7 +26,14 @@ const Component = {
26
26
  },
27
27
  '& .SCCommentObjectReply-comment': {
28
28
  overflow: 'visible',
29
- borderRadius: theme.shape.borderRadius * 0.5
29
+ borderRadius: theme.shape.borderRadius * 0.5,
30
+ '& .SCCommentObjectReply-media': {
31
+ maxWidth: 200,
32
+ padding: theme.spacing(1),
33
+ '& .SCMediaFile-media': {
34
+ height: '40px !important'
35
+ }
36
+ }
30
37
  },
31
38
  '& .SCCommentObjectReply-actions': {
32
39
  marginLeft: theme.spacing(),
@@ -170,11 +170,24 @@ declare const Component: {
170
170
  };
171
171
  };
172
172
  contentLessonRoot: ({ theme }: any) => {
173
+ padding: any;
173
174
  '& .SCEditor-root': {
174
175
  '& .SCEditor-content': {
175
176
  paddingTop: any;
176
177
  };
177
178
  };
179
+ '& .SCComposer-content-lesson-medias': {
180
+ '& .SCMediaFile-preview-root': {
181
+ marginBottom: any;
182
+ '& .SCMediaFile-media': {
183
+ height: string;
184
+ maxWidth: number;
185
+ };
186
+ };
187
+ '& .SCMediaLink-preview-root': {
188
+ marginBottom: any;
189
+ };
190
+ };
178
191
  };
179
192
  layerTransitionRoot: ({ theme }: any) => {
180
193
  position: string;