@selfcommunity/react-theme-default 0.4.2-courses.158 → 0.4.2-courses.160

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 +14 -0
  16. package/lib/cjs/components/SCLessonObject.js +14 -1
  17. package/lib/cjs/index.d.ts +74 -26
  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 +14 -0
  34. package/lib/esm/components/SCLessonObject.js +14 -1
  35. package/lib/esm/index.d.ts +74 -26
  36. package/lib/esm/index.js +2 -0
  37. package/lib/umd/react-theme-default.js +1 -1
  38. package/package.json +2 -2
package/lib/cjs/components/SCAccordionLessons.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCAccordionLessons.js CHANGED
@@ -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',
package/lib/cjs/components/SCCommentObjectReply.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCCommentObjectReply.js CHANGED
@@ -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(),
package/lib/cjs/components/SCComposer.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCComposer.js CHANGED
@@ -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 }) => ({
package/lib/cjs/components/SCEditCourse.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCEditCourse.js CHANGED
@@ -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'
package/lib/cjs/components/SCEditor.d.ts CHANGED
@@ -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': {
package/lib/cjs/components/SCEditor.js CHANGED
@@ -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 }) => ({
package/lib/cjs/components/SCLessonCommentObject.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCLessonCommentObject.js CHANGED
@@ -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': {
package/lib/cjs/components/SCLessonFilePreview.d.ts ADDED
@@ -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;
package/lib/cjs/components/SCLessonFilePreview.js ADDED
@@ -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;
package/lib/cjs/components/SCLessonObject.d.ts CHANGED
@@ -27,6 +27,20 @@ declare const Component: {
27
27
  color: string;
28
28
  };
29
29
  };
30
+ '& .SCLessonObject-medias-section': {
31
+ display: string;
32
+ '& .SCLessonFilePreview-root': {
33
+ marginBottom: any;
34
+ };
35
+ '& .SCMediaLink-display-root': {
36
+ marginBottom: any;
37
+ '& > div > div': {
38
+ [x: number]: {
39
+ height: string;
40
+ };
41
+ };
42
+ };
43
+ };
30
44
  };
31
45
  '& .SCLessonObject-content-edit': {
32
46
  padding: string;
package/lib/cjs/components/SCLessonObject.js CHANGED
@@ -19,7 +19,6 @@ const Component = {
19
19
  },
20
20
  padding: '0 !important'
21
21
  },
22
- // '& .SCEditor-paragraph': {}
23
22
  '& > div:has(> a)': {
24
23
  borderRadius: '5px',
25
24
  padding: theme.spacing(1),
@@ -29,6 +28,20 @@ const Component = {
29
28
  textDecoration: 'none',
30
29
  color: 'inherit'
31
30
  }
31
+ },
32
+ '& .SCLessonObject-medias-section': {
33
+ display: 'flex',
34
+ '& .SCLessonFilePreview-root': {
35
+ marginBottom: theme.spacing(1)
36
+ },
37
+ '& .SCMediaLink-display-root': {
38
+ marginBottom: theme.spacing(1),
39
+ '& > div > div': {
40
+ [theme.breakpoints.down('md')]: {
41
+ height: '240px !important'
42
+ }
43
+ }
44
+ }
32
45
  }
33
46
  },
34
47
  '& .SCLessonObject-content-edit': {
package/lib/cjs/index.d.ts CHANGED
@@ -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: () => {};
@@ -5606,6 +5640,20 @@ declare const theme: {
5606
5640
  color: string;
5607
5641
  };
5608
5642
  };
5643
+ '& .SCLessonObject-medias-section': {
5644
+ display: string;
5645
+ '& .SCLessonFilePreview-root': {
5646
+ marginBottom: any;
5647
+ };
5648
+ '& .SCMediaLink-display-root': {
5649
+ marginBottom: any;
5650
+ '& > div > div': {
5651
+ [x: number]: {
5652
+ height: string;
5653
+ };
5654
+ };
5655
+ };
5656
+ };
5609
5657
  };
5610
5658
  '& .SCLessonObject-content-edit': {
5611
5659
  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,
package/lib/esm/components/SCAccordionLessons.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCAccordionLessons.js CHANGED
@@ -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',
package/lib/esm/components/SCCommentObjectReply.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCCommentObjectReply.js CHANGED
@@ -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(),
package/lib/esm/components/SCComposer.d.ts CHANGED
@@ -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;
package/lib/esm/components/SCComposer.js CHANGED
@@ -171,31 +171,23 @@ const Component = {
171
171
  }
172
172
  }),
173
173
  contentLessonRoot: ({ theme }) => ({
174
- // '& .SCComposer-content-lesson-editor': {
174
+ padding: theme.spacing(2),
175
175
  '& .SCEditor-root': {
176
176
  '& .SCEditor-content': {
177
- paddingTop: theme.spacing(1)
177
+ paddingTop: theme.spacing(1.5)
178
+ }
179
+ },
180
+ '& .SCComposer-content-lesson-medias': {
181
+ '& .SCMediaFile-preview-root': {
182
+ marginBottom: theme.spacing(1),
183
+ '& .SCMediaFile-media': {
184
+ height: '60px !important',
185
+ maxWidth: 140
186
+ }
187
+ },
188
+ '& .SCMediaLink-preview-root': {
189
+ marginBottom: theme.spacing(1)
178
190
  }
179
- // paddingBottom: theme.spacing(2),
180
- // '& .MuiInputBase-root': {
181
- // paddingLeft: 0,
182
- // paddingRight: 0,
183
- // paddingBottom: 0,
184
- // fontSize: '1.429rem',
185
- // fontWeight: theme.typography.fontWeightBold,
186
- // '& fieldset': {
187
- // display: 'none'
188
- // },
189
- // '&.MuiInputBase-adornedEnd .MuiTypography-root': {
190
- // alignSelf: 'end'
191
- // },
192
- // '&.Mui-error': {
193
- // color: theme.palette.error.main
194
- // }
195
- // },
196
- // '& .MuiFormHelperText-root': {
197
- // marginLeft: 0
198
- // }
199
191
  }
200
192
  }),
201
193
  layerTransitionRoot: ({ theme }) => ({