@selfcommunity/react-theme-default 0.4.2-courses.154 → 0.4.2-courses.156

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.
@@ -62,7 +62,10 @@ declare const Component: {
62
62
  };
63
63
  };
64
64
  previewRoot: ({ theme }: any) => {
65
- minHeight: string;
65
+ [x: number]: {
66
+ minHeight: string;
67
+ };
68
+ height: string;
66
69
  '& .SCCourse-preview-image-wrapper': {
67
70
  position: string;
68
71
  '& .SCCourse-preview-image': {
@@ -164,7 +167,10 @@ declare const Component: {
164
167
  };
165
168
  };
166
169
  createPlaceholderRoot: ({ theme }: any) => {
167
- minHeight: string;
170
+ [x: number]: {
171
+ minHeight: string;
172
+ };
173
+ height: string;
168
174
  '& .SCCourse-create-placeholder-image-wrapper': {
169
175
  position: string;
170
176
  '& .SCCourse-create-placeholder-image': {
@@ -206,18 +212,24 @@ declare const Component: {
206
212
  };
207
213
  skeletonRoot: ({ theme }: any) => {
208
214
  '& .SCCourse-skeleton-preview-root': {
215
+ [x: number]: {
216
+ minHeight: string;
217
+ };
218
+ height: string;
209
219
  '& .SCCourse-skeleton-preview-avatar': {
210
220
  position: string;
211
- bottom: string;
221
+ bottom: any;
212
222
  left: any;
223
+ width: any;
224
+ height: any;
213
225
  border: string;
214
226
  };
215
227
  '& .SCCourse-skeleton-preview-content': {
216
228
  padding: string;
229
+ minHeight: number;
217
230
  };
218
231
  '& .SCCourse-skeleton-preview-actions': {
219
232
  display: string;
220
- marginTop: any;
221
233
  justifyContent: string;
222
234
  padding: any;
223
235
  };
@@ -64,7 +64,10 @@ const Component = {
64
64
  }
65
65
  }),
66
66
  previewRoot: ({ theme }) => ({
67
- minHeight: '290px',
67
+ height: '100%',
68
+ [theme.breakpoints.up('sm')]: {
69
+ minHeight: '376px'
70
+ },
68
71
  '& .SCCourse-preview-image-wrapper': {
69
72
  position: 'relative',
70
73
  '& .SCCourse-preview-image': {
@@ -96,7 +99,7 @@ const Component = {
96
99
  }
97
100
  },
98
101
  '& .SCCourse-preview-content': {
99
- padding: theme.spacing(1, 2, 2, 2),
102
+ padding: theme.spacing(1.5, 2, 2, 2),
100
103
  '& .SCCourse-preview-creator': {
101
104
  textDecoration: 'none',
102
105
  color: 'inherit',
@@ -166,7 +169,10 @@ const Component = {
166
169
  }
167
170
  }),
168
171
  createPlaceholderRoot: ({ theme }) => ({
169
- minHeight: '290px',
172
+ height: '100%',
173
+ [theme.breakpoints.up('sm')]: {
174
+ minHeight: '376px'
175
+ },
170
176
  '& .SCCourse-create-placeholder-image-wrapper': {
171
177
  position: 'relative',
172
178
  '& .SCCourse-create-placeholder-image': {
@@ -203,23 +209,29 @@ const Component = {
203
209
  '& .SCCourse-create-placeholder-actions': {
204
210
  display: 'flex',
205
211
  justifyContent: 'center',
206
- height: '246px'
212
+ height: '258px'
207
213
  }
208
214
  }),
209
215
  skeletonRoot: ({ theme }) => ({
210
216
  '& .SCCourse-skeleton-preview-root': {
217
+ height: '100%',
218
+ [theme.breakpoints.up('sm')]: {
219
+ minHeight: '376px'
220
+ },
211
221
  '& .SCCourse-skeleton-preview-avatar': {
212
222
  position: 'absolute',
213
- bottom: '-20px',
223
+ bottom: theme.spacing(-2),
214
224
  left: theme.spacing(1.5),
225
+ width: theme.selfcommunity.user.avatar.sizeMedium,
226
+ height: theme.selfcommunity.user.avatar.sizeMedium,
215
227
  border: `#FFF solid ${theme.spacing(0.2)}`
216
228
  },
217
229
  '& .SCCourse-skeleton-preview-content': {
218
- padding: `16px ${theme.spacing(2)} 0 !important`
230
+ padding: `${theme.spacing(1.5, 2, 2, 2)} !important`,
231
+ minHeight: 184
219
232
  },
220
233
  '& .SCCourse-skeleton-preview-actions': {
221
234
  display: 'flex',
222
- marginTop: theme.spacing(4),
223
235
  justifyContent: 'center',
224
236
  padding: theme.spacing(2)
225
237
  }
@@ -1771,7 +1771,10 @@ declare const theme: {
1771
1771
  };
1772
1772
  };
1773
1773
  previewRoot: ({ theme }: any) => {
1774
- minHeight: string;
1774
+ [x: number]: {
1775
+ minHeight: string;
1776
+ };
1777
+ height: string;
1775
1778
  '& .SCCourse-preview-image-wrapper': {
1776
1779
  position: string;
1777
1780
  '& .SCCourse-preview-image': {
@@ -1873,7 +1876,10 @@ declare const theme: {
1873
1876
  };
1874
1877
  };
1875
1878
  createPlaceholderRoot: ({ theme }: any) => {
1876
- minHeight: string;
1879
+ [x: number]: {
1880
+ minHeight: string;
1881
+ };
1882
+ height: string;
1877
1883
  '& .SCCourse-create-placeholder-image-wrapper': {
1878
1884
  position: string;
1879
1885
  '& .SCCourse-create-placeholder-image': {
@@ -1915,18 +1921,24 @@ declare const theme: {
1915
1921
  };
1916
1922
  skeletonRoot: ({ theme }: any) => {
1917
1923
  '& .SCCourse-skeleton-preview-root': {
1924
+ [x: number]: {
1925
+ minHeight: string;
1926
+ };
1927
+ height: string;
1918
1928
  '& .SCCourse-skeleton-preview-avatar': {
1919
1929
  position: string;
1920
- bottom: string;
1930
+ bottom: any;
1921
1931
  left: any;
1932
+ width: any;
1933
+ height: any;
1922
1934
  border: string;
1923
1935
  };
1924
1936
  '& .SCCourse-skeleton-preview-content': {
1925
1937
  padding: string;
1938
+ minHeight: number;
1926
1939
  };
1927
1940
  '& .SCCourse-skeleton-preview-actions': {
1928
1941
  display: string;
1929
- marginTop: any;
1930
1942
  justifyContent: string;
1931
1943
  padding: any;
1932
1944
  };
@@ -62,7 +62,10 @@ declare const Component: {
62
62
  };
63
63
  };
64
64
  previewRoot: ({ theme }: any) => {
65
- minHeight: string;
65
+ [x: number]: {
66
+ minHeight: string;
67
+ };
68
+ height: string;
66
69
  '& .SCCourse-preview-image-wrapper': {
67
70
  position: string;
68
71
  '& .SCCourse-preview-image': {
@@ -164,7 +167,10 @@ declare const Component: {
164
167
  };
165
168
  };
166
169
  createPlaceholderRoot: ({ theme }: any) => {
167
- minHeight: string;
170
+ [x: number]: {
171
+ minHeight: string;
172
+ };
173
+ height: string;
168
174
  '& .SCCourse-create-placeholder-image-wrapper': {
169
175
  position: string;
170
176
  '& .SCCourse-create-placeholder-image': {
@@ -206,18 +212,24 @@ declare const Component: {
206
212
  };
207
213
  skeletonRoot: ({ theme }: any) => {
208
214
  '& .SCCourse-skeleton-preview-root': {
215
+ [x: number]: {
216
+ minHeight: string;
217
+ };
218
+ height: string;
209
219
  '& .SCCourse-skeleton-preview-avatar': {
210
220
  position: string;
211
- bottom: string;
221
+ bottom: any;
212
222
  left: any;
223
+ width: any;
224
+ height: any;
213
225
  border: string;
214
226
  };
215
227
  '& .SCCourse-skeleton-preview-content': {
216
228
  padding: string;
229
+ minHeight: number;
217
230
  };
218
231
  '& .SCCourse-skeleton-preview-actions': {
219
232
  display: string;
220
- marginTop: any;
221
233
  justifyContent: string;
222
234
  padding: any;
223
235
  };
@@ -62,7 +62,10 @@ const Component = {
62
62
  }
63
63
  }),
64
64
  previewRoot: ({ theme }) => ({
65
- minHeight: '290px',
65
+ height: '100%',
66
+ [theme.breakpoints.up('sm')]: {
67
+ minHeight: '376px'
68
+ },
66
69
  '& .SCCourse-preview-image-wrapper': {
67
70
  position: 'relative',
68
71
  '& .SCCourse-preview-image': {
@@ -94,7 +97,7 @@ const Component = {
94
97
  }
95
98
  },
96
99
  '& .SCCourse-preview-content': {
97
- padding: theme.spacing(1, 2, 2, 2),
100
+ padding: theme.spacing(1.5, 2, 2, 2),
98
101
  '& .SCCourse-preview-creator': {
99
102
  textDecoration: 'none',
100
103
  color: 'inherit',
@@ -164,7 +167,10 @@ const Component = {
164
167
  }
165
168
  }),
166
169
  createPlaceholderRoot: ({ theme }) => ({
167
- minHeight: '290px',
170
+ height: '100%',
171
+ [theme.breakpoints.up('sm')]: {
172
+ minHeight: '376px'
173
+ },
168
174
  '& .SCCourse-create-placeholder-image-wrapper': {
169
175
  position: 'relative',
170
176
  '& .SCCourse-create-placeholder-image': {
@@ -201,23 +207,29 @@ const Component = {
201
207
  '& .SCCourse-create-placeholder-actions': {
202
208
  display: 'flex',
203
209
  justifyContent: 'center',
204
- height: '246px'
210
+ height: '258px'
205
211
  }
206
212
  }),
207
213
  skeletonRoot: ({ theme }) => ({
208
214
  '& .SCCourse-skeleton-preview-root': {
215
+ height: '100%',
216
+ [theme.breakpoints.up('sm')]: {
217
+ minHeight: '376px'
218
+ },
209
219
  '& .SCCourse-skeleton-preview-avatar': {
210
220
  position: 'absolute',
211
- bottom: '-20px',
221
+ bottom: theme.spacing(-2),
212
222
  left: theme.spacing(1.5),
223
+ width: theme.selfcommunity.user.avatar.sizeMedium,
224
+ height: theme.selfcommunity.user.avatar.sizeMedium,
213
225
  border: `#FFF solid ${theme.spacing(0.2)}`
214
226
  },
215
227
  '& .SCCourse-skeleton-preview-content': {
216
- padding: `16px ${theme.spacing(2)} 0 !important`
228
+ padding: `${theme.spacing(1.5, 2, 2, 2)} !important`,
229
+ minHeight: 184
217
230
  },
218
231
  '& .SCCourse-skeleton-preview-actions': {
219
232
  display: 'flex',
220
- marginTop: theme.spacing(4),
221
233
  justifyContent: 'center',
222
234
  padding: theme.spacing(2)
223
235
  }
@@ -1771,7 +1771,10 @@ declare const theme: {
1771
1771
  };
1772
1772
  };
1773
1773
  previewRoot: ({ theme }: any) => {
1774
- minHeight: string;
1774
+ [x: number]: {
1775
+ minHeight: string;
1776
+ };
1777
+ height: string;
1775
1778
  '& .SCCourse-preview-image-wrapper': {
1776
1779
  position: string;
1777
1780
  '& .SCCourse-preview-image': {
@@ -1873,7 +1876,10 @@ declare const theme: {
1873
1876
  };
1874
1877
  };
1875
1878
  createPlaceholderRoot: ({ theme }: any) => {
1876
- minHeight: string;
1879
+ [x: number]: {
1880
+ minHeight: string;
1881
+ };
1882
+ height: string;
1877
1883
  '& .SCCourse-create-placeholder-image-wrapper': {
1878
1884
  position: string;
1879
1885
  '& .SCCourse-create-placeholder-image': {
@@ -1915,18 +1921,24 @@ declare const theme: {
1915
1921
  };
1916
1922
  skeletonRoot: ({ theme }: any) => {
1917
1923
  '& .SCCourse-skeleton-preview-root': {
1924
+ [x: number]: {
1925
+ minHeight: string;
1926
+ };
1927
+ height: string;
1918
1928
  '& .SCCourse-skeleton-preview-avatar': {
1919
1929
  position: string;
1920
- bottom: string;
1930
+ bottom: any;
1921
1931
  left: any;
1932
+ width: any;
1933
+ height: any;
1922
1934
  border: string;
1923
1935
  };
1924
1936
  '& .SCCourse-skeleton-preview-content': {
1925
1937
  padding: string;
1938
+ minHeight: number;
1926
1939
  };
1927
1940
  '& .SCCourse-skeleton-preview-actions': {
1928
1941
  display: string;
1929
- marginTop: any;
1930
1942
  justifyContent: string;
1931
1943
  padding: any;
1932
1944
  };