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

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,9 @@ declare const Component: {
164
167
  };
165
168
  };
166
169
  createPlaceholderRoot: ({ theme }: any) => {
167
- minHeight: string;
170
+ [x: number]: {
171
+ minHeight: string;
172
+ };
168
173
  '& .SCCourse-create-placeholder-image-wrapper': {
169
174
  position: string;
170
175
  '& .SCCourse-create-placeholder-image': {
@@ -206,18 +211,23 @@ declare const Component: {
206
211
  };
207
212
  skeletonRoot: ({ theme }: any) => {
208
213
  '& .SCCourse-skeleton-preview-root': {
214
+ [x: number]: {
215
+ minHeight: string;
216
+ };
209
217
  '& .SCCourse-skeleton-preview-avatar': {
210
218
  position: string;
211
- bottom: string;
219
+ bottom: any;
212
220
  left: any;
221
+ width: any;
222
+ height: any;
213
223
  border: string;
214
224
  };
215
225
  '& .SCCourse-skeleton-preview-content': {
216
226
  padding: string;
227
+ minHeight: number;
217
228
  };
218
229
  '& .SCCourse-skeleton-preview-actions': {
219
230
  display: string;
220
- marginTop: any;
221
231
  justifyContent: string;
222
232
  padding: any;
223
233
  };
@@ -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',
@@ -162,11 +165,13 @@ const Component = {
162
165
  },
163
166
  '& .SCCourse-preview-actions': {
164
167
  justifyContent: 'center',
165
- padding: theme.spacing(2)
168
+ padding: theme.spacing(1, 2, 2, 2)
166
169
  }
167
170
  }),
168
171
  createPlaceholderRoot: ({ theme }) => ({
169
- minHeight: '290px',
172
+ [theme.breakpoints.up('sm')]: {
173
+ minHeight: '376px'
174
+ },
170
175
  '& .SCCourse-create-placeholder-image-wrapper': {
171
176
  position: 'relative',
172
177
  '& .SCCourse-create-placeholder-image': {
@@ -203,23 +208,28 @@ const Component = {
203
208
  '& .SCCourse-create-placeholder-actions': {
204
209
  display: 'flex',
205
210
  justifyContent: 'center',
206
- height: '246px'
211
+ height: '248px'
207
212
  }
208
213
  }),
209
214
  skeletonRoot: ({ theme }) => ({
210
215
  '& .SCCourse-skeleton-preview-root': {
216
+ [theme.breakpoints.up('sm')]: {
217
+ minHeight: '376px'
218
+ },
211
219
  '& .SCCourse-skeleton-preview-avatar': {
212
220
  position: 'absolute',
213
- bottom: '-20px',
221
+ bottom: theme.spacing(-2),
214
222
  left: theme.spacing(1.5),
223
+ width: theme.selfcommunity.user.avatar.sizeMedium,
224
+ height: theme.selfcommunity.user.avatar.sizeMedium,
215
225
  border: `#FFF solid ${theme.spacing(0.2)}`
216
226
  },
217
227
  '& .SCCourse-skeleton-preview-content': {
218
- padding: `16px ${theme.spacing(2)} 0 !important`
228
+ padding: `${theme.spacing(1.5, 2, 2, 2)} !important`,
229
+ minHeight: 160
219
230
  },
220
231
  '& .SCCourse-skeleton-preview-actions': {
221
232
  display: 'flex',
222
- marginTop: theme.spacing(4),
223
233
  justifyContent: 'center',
224
234
  padding: theme.spacing(2)
225
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,9 @@ declare const theme: {
1873
1876
  };
1874
1877
  };
1875
1878
  createPlaceholderRoot: ({ theme }: any) => {
1876
- minHeight: string;
1879
+ [x: number]: {
1880
+ minHeight: string;
1881
+ };
1877
1882
  '& .SCCourse-create-placeholder-image-wrapper': {
1878
1883
  position: string;
1879
1884
  '& .SCCourse-create-placeholder-image': {
@@ -1915,18 +1920,23 @@ declare const theme: {
1915
1920
  };
1916
1921
  skeletonRoot: ({ theme }: any) => {
1917
1922
  '& .SCCourse-skeleton-preview-root': {
1923
+ [x: number]: {
1924
+ minHeight: string;
1925
+ };
1918
1926
  '& .SCCourse-skeleton-preview-avatar': {
1919
1927
  position: string;
1920
- bottom: string;
1928
+ bottom: any;
1921
1929
  left: any;
1930
+ width: any;
1931
+ height: any;
1922
1932
  border: string;
1923
1933
  };
1924
1934
  '& .SCCourse-skeleton-preview-content': {
1925
1935
  padding: string;
1936
+ minHeight: number;
1926
1937
  };
1927
1938
  '& .SCCourse-skeleton-preview-actions': {
1928
1939
  display: string;
1929
- marginTop: any;
1930
1940
  justifyContent: string;
1931
1941
  padding: any;
1932
1942
  };
@@ -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,9 @@ declare const Component: {
164
167
  };
165
168
  };
166
169
  createPlaceholderRoot: ({ theme }: any) => {
167
- minHeight: string;
170
+ [x: number]: {
171
+ minHeight: string;
172
+ };
168
173
  '& .SCCourse-create-placeholder-image-wrapper': {
169
174
  position: string;
170
175
  '& .SCCourse-create-placeholder-image': {
@@ -206,18 +211,23 @@ declare const Component: {
206
211
  };
207
212
  skeletonRoot: ({ theme }: any) => {
208
213
  '& .SCCourse-skeleton-preview-root': {
214
+ [x: number]: {
215
+ minHeight: string;
216
+ };
209
217
  '& .SCCourse-skeleton-preview-avatar': {
210
218
  position: string;
211
- bottom: string;
219
+ bottom: any;
212
220
  left: any;
221
+ width: any;
222
+ height: any;
213
223
  border: string;
214
224
  };
215
225
  '& .SCCourse-skeleton-preview-content': {
216
226
  padding: string;
227
+ minHeight: number;
217
228
  };
218
229
  '& .SCCourse-skeleton-preview-actions': {
219
230
  display: string;
220
- marginTop: any;
221
231
  justifyContent: string;
222
232
  padding: any;
223
233
  };
@@ -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',
@@ -160,11 +163,13 @@ const Component = {
160
163
  },
161
164
  '& .SCCourse-preview-actions': {
162
165
  justifyContent: 'center',
163
- padding: theme.spacing(2)
166
+ padding: theme.spacing(1, 2, 2, 2)
164
167
  }
165
168
  }),
166
169
  createPlaceholderRoot: ({ theme }) => ({
167
- minHeight: '290px',
170
+ [theme.breakpoints.up('sm')]: {
171
+ minHeight: '376px'
172
+ },
168
173
  '& .SCCourse-create-placeholder-image-wrapper': {
169
174
  position: 'relative',
170
175
  '& .SCCourse-create-placeholder-image': {
@@ -201,23 +206,28 @@ const Component = {
201
206
  '& .SCCourse-create-placeholder-actions': {
202
207
  display: 'flex',
203
208
  justifyContent: 'center',
204
- height: '246px'
209
+ height: '248px'
205
210
  }
206
211
  }),
207
212
  skeletonRoot: ({ theme }) => ({
208
213
  '& .SCCourse-skeleton-preview-root': {
214
+ [theme.breakpoints.up('sm')]: {
215
+ minHeight: '376px'
216
+ },
209
217
  '& .SCCourse-skeleton-preview-avatar': {
210
218
  position: 'absolute',
211
- bottom: '-20px',
219
+ bottom: theme.spacing(-2),
212
220
  left: theme.spacing(1.5),
221
+ width: theme.selfcommunity.user.avatar.sizeMedium,
222
+ height: theme.selfcommunity.user.avatar.sizeMedium,
213
223
  border: `#FFF solid ${theme.spacing(0.2)}`
214
224
  },
215
225
  '& .SCCourse-skeleton-preview-content': {
216
- padding: `16px ${theme.spacing(2)} 0 !important`
226
+ padding: `${theme.spacing(1.5, 2, 2, 2)} !important`,
227
+ minHeight: 160
217
228
  },
218
229
  '& .SCCourse-skeleton-preview-actions': {
219
230
  display: 'flex',
220
- marginTop: theme.spacing(4),
221
231
  justifyContent: 'center',
222
232
  padding: theme.spacing(2)
223
233
  }
@@ -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,9 @@ declare const theme: {
1873
1876
  };
1874
1877
  };
1875
1878
  createPlaceholderRoot: ({ theme }: any) => {
1876
- minHeight: string;
1879
+ [x: number]: {
1880
+ minHeight: string;
1881
+ };
1877
1882
  '& .SCCourse-create-placeholder-image-wrapper': {
1878
1883
  position: string;
1879
1884
  '& .SCCourse-create-placeholder-image': {
@@ -1915,18 +1920,23 @@ declare const theme: {
1915
1920
  };
1916
1921
  skeletonRoot: ({ theme }: any) => {
1917
1922
  '& .SCCourse-skeleton-preview-root': {
1923
+ [x: number]: {
1924
+ minHeight: string;
1925
+ };
1918
1926
  '& .SCCourse-skeleton-preview-avatar': {
1919
1927
  position: string;
1920
- bottom: string;
1928
+ bottom: any;
1921
1929
  left: any;
1930
+ width: any;
1931
+ height: any;
1922
1932
  border: string;
1923
1933
  };
1924
1934
  '& .SCCourse-skeleton-preview-content': {
1925
1935
  padding: string;
1936
+ minHeight: number;
1926
1937
  };
1927
1938
  '& .SCCourse-skeleton-preview-actions': {
1928
1939
  display: string;
1929
- marginTop: any;
1930
1940
  justifyContent: string;
1931
1941
  padding: any;
1932
1942
  };