@selfcommunity/react-theme-default 0.4.5-payments.155 → 0.4.5-payments.158
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.
- package/lib/cjs/components/SCCourse.d.ts +21 -17
- package/lib/cjs/components/SCCourse.js +24 -20
- package/lib/cjs/components/SCPaywalls.d.ts +12 -0
- package/lib/cjs/components/SCPaywalls.js +12 -0
- package/lib/cjs/components/SCUserCreatedCoursesWidget.d.ts +8 -0
- package/lib/cjs/components/SCUserCreatedCoursesWidget.js +10 -0
- package/lib/cjs/index.d.ts +45 -18
- package/lib/cjs/index.js +5 -1
- package/lib/esm/components/SCCourse.d.ts +21 -17
- package/lib/esm/components/SCCourse.js +24 -20
- package/lib/esm/components/SCPaywalls.d.ts +12 -0
- package/lib/esm/components/SCPaywalls.js +10 -0
- package/lib/esm/components/SCUserCreatedCoursesWidget.d.ts +8 -0
- package/lib/esm/components/SCUserCreatedCoursesWidget.js +8 -0
- package/lib/esm/index.d.ts +45 -18
- package/lib/esm/index.js +5 -1
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: (
|
|
3
|
+
root: () => {
|
|
4
|
+
width: string;
|
|
5
|
+
};
|
|
4
6
|
snippetRoot: ({ theme }: any) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
'& .SCBaseItemButton-image': {
|
|
8
|
+
'& .SCCourse-snippet-avatar': {
|
|
9
|
+
width: number;
|
|
10
|
+
height: number;
|
|
11
|
+
'& img': {
|
|
12
|
+
borderRadius: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
'& .SCCourse-snippet-avatar-user-profile-view': {
|
|
11
16
|
width: number;
|
|
12
17
|
height: number;
|
|
13
18
|
'& img': {
|
|
@@ -32,9 +37,10 @@ declare const Component: {
|
|
|
32
37
|
};
|
|
33
38
|
};
|
|
34
39
|
};
|
|
35
|
-
'& .
|
|
40
|
+
'& .SCBaseItemButton-text': {
|
|
36
41
|
fontSize: any;
|
|
37
|
-
|
|
42
|
+
textAlign: string;
|
|
43
|
+
'& .SCBaseItemButton-primary > a': {
|
|
38
44
|
color: any;
|
|
39
45
|
textDecoration: string;
|
|
40
46
|
'&:hover': {
|
|
@@ -42,9 +48,13 @@ declare const Component: {
|
|
|
42
48
|
};
|
|
43
49
|
'& p': {
|
|
44
50
|
fontWeight: any;
|
|
51
|
+
whiteSpace: string;
|
|
52
|
+
overflow: string;
|
|
53
|
+
textOverflow: string;
|
|
54
|
+
display: string;
|
|
45
55
|
};
|
|
46
56
|
};
|
|
47
|
-
'& .
|
|
57
|
+
'& .SSCBaseItemButton-secondary > a': {
|
|
48
58
|
color: any;
|
|
49
59
|
};
|
|
50
60
|
};
|
|
@@ -211,6 +221,7 @@ declare const Component: {
|
|
|
211
221
|
};
|
|
212
222
|
};
|
|
213
223
|
skeletonRoot: ({ theme }: any) => {
|
|
224
|
+
width: string;
|
|
214
225
|
'& .SCCourse-skeleton-preview-root': {
|
|
215
226
|
[x: number]: {
|
|
216
227
|
minHeight: string;
|
|
@@ -235,10 +246,6 @@ declare const Component: {
|
|
|
235
246
|
};
|
|
236
247
|
};
|
|
237
248
|
'& .SCCourse-skeleton-snippet-root': {
|
|
238
|
-
overflow: string;
|
|
239
|
-
boxSizing: string;
|
|
240
|
-
paddingLeft: string;
|
|
241
|
-
paddingRight: string;
|
|
242
249
|
'& .SCCourse-skeleton-snippet-image': {
|
|
243
250
|
position: string;
|
|
244
251
|
'& .MuiSkeleton-root': {
|
|
@@ -252,9 +259,6 @@ declare const Component: {
|
|
|
252
259
|
transform: string;
|
|
253
260
|
};
|
|
254
261
|
};
|
|
255
|
-
'& .SCBaseItem-actions': {
|
|
256
|
-
maxWidth: string;
|
|
257
|
-
};
|
|
258
262
|
};
|
|
259
263
|
};
|
|
260
264
|
};
|
|
@@ -2,19 +2,24 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
|
-
root: (
|
|
5
|
+
root: () => ({
|
|
6
|
+
width: '100%'
|
|
7
|
+
}),
|
|
6
8
|
snippetRoot: ({ theme }) => ({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
paddingLeft: `${theme.spacing()} !important`,
|
|
10
|
-
paddingRight: `${theme.spacing()} !important`,
|
|
11
|
-
'& .SCBaseItem-image': {
|
|
12
|
-
'& .MuiAvatar-root': {
|
|
9
|
+
'& .SCBaseItemButton-image': {
|
|
10
|
+
'& .SCCourse-snippet-avatar': {
|
|
13
11
|
width: 100,
|
|
14
12
|
height: 60,
|
|
15
13
|
'& img': {
|
|
16
14
|
borderRadius: '5px'
|
|
17
15
|
}
|
|
16
|
+
},
|
|
17
|
+
'& .SCCourse-snippet-avatar-user-profile-view': {
|
|
18
|
+
width: 60,
|
|
19
|
+
height: 60,
|
|
20
|
+
'& img': {
|
|
21
|
+
borderRadius: '5px'
|
|
22
|
+
}
|
|
18
23
|
}
|
|
19
24
|
},
|
|
20
25
|
'& .SCCourse-snippet-image': {
|
|
@@ -34,19 +39,24 @@ const Component = {
|
|
|
34
39
|
}
|
|
35
40
|
}
|
|
36
41
|
},
|
|
37
|
-
'& .
|
|
42
|
+
'& .SCBaseItemButton-text': {
|
|
38
43
|
fontSize: theme.typography.fontSize,
|
|
39
|
-
|
|
44
|
+
textAlign: 'start',
|
|
45
|
+
'& .SCBaseItemButton-primary > a': {
|
|
40
46
|
color: theme.palette.text.primary,
|
|
41
47
|
textDecoration: 'none',
|
|
42
48
|
'&:hover': {
|
|
43
49
|
textDecoration: 'none'
|
|
44
50
|
},
|
|
45
51
|
'& p': {
|
|
46
|
-
fontWeight: theme.typography.fontWeightBold
|
|
52
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
53
|
+
whiteSpace: 'nowrap',
|
|
54
|
+
overflow: 'hidden',
|
|
55
|
+
textOverflow: 'ellipsis',
|
|
56
|
+
display: 'block'
|
|
47
57
|
}
|
|
48
58
|
},
|
|
49
|
-
'& .
|
|
59
|
+
'& .SSCBaseItemButton-secondary > a': {
|
|
50
60
|
color: theme.palette.text.secondary
|
|
51
61
|
}
|
|
52
62
|
},
|
|
@@ -87,7 +97,7 @@ const Component = {
|
|
|
87
97
|
},
|
|
88
98
|
'& .SCCourse-preview-avatar': {
|
|
89
99
|
position: 'absolute',
|
|
90
|
-
bottom: theme.spacing(-
|
|
100
|
+
bottom: theme.spacing(-1),
|
|
91
101
|
left: theme.spacing(1.5),
|
|
92
102
|
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
93
103
|
height: theme.selfcommunity.user.avatar.sizeMedium,
|
|
@@ -99,7 +109,7 @@ const Component = {
|
|
|
99
109
|
}
|
|
100
110
|
},
|
|
101
111
|
'& .SCCourse-preview-content': {
|
|
102
|
-
padding: theme.spacing(1
|
|
112
|
+
padding: theme.spacing(1, 2, 2, 2),
|
|
103
113
|
'& .SCCourse-preview-creator': {
|
|
104
114
|
textDecoration: 'none',
|
|
105
115
|
color: 'inherit',
|
|
@@ -213,6 +223,7 @@ const Component = {
|
|
|
213
223
|
}
|
|
214
224
|
}),
|
|
215
225
|
skeletonRoot: ({ theme }) => ({
|
|
226
|
+
width: '100%',
|
|
216
227
|
'& .SCCourse-skeleton-preview-root': {
|
|
217
228
|
height: '100%',
|
|
218
229
|
[theme.breakpoints.up('sm')]: {
|
|
@@ -237,10 +248,6 @@ const Component = {
|
|
|
237
248
|
}
|
|
238
249
|
},
|
|
239
250
|
'& .SCCourse-skeleton-snippet-root': {
|
|
240
|
-
overflow: 'visible',
|
|
241
|
-
boxSizing: 'border-box',
|
|
242
|
-
paddingLeft: `${theme.spacing()} !important`,
|
|
243
|
-
paddingRight: `${theme.spacing()} !important`,
|
|
244
251
|
'& .SCCourse-skeleton-snippet-image': {
|
|
245
252
|
position: 'relative',
|
|
246
253
|
'& .MuiSkeleton-root': {
|
|
@@ -253,9 +260,6 @@ const Component = {
|
|
|
253
260
|
left: '50%',
|
|
254
261
|
transform: 'translate(-50%, -50%)'
|
|
255
262
|
}
|
|
256
|
-
},
|
|
257
|
-
'& .SCBaseItem-actions': {
|
|
258
|
-
maxWidth: 'none !important'
|
|
259
263
|
}
|
|
260
264
|
}
|
|
261
265
|
})
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({}),
|
|
6
|
+
skeletonRoot: ({ theme }) => ({}),
|
|
7
|
+
dialogRoot: ({ theme }) => ({})
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
exports.default = Component;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -1743,14 +1743,19 @@ declare const theme: {
|
|
|
1743
1743
|
};
|
|
1744
1744
|
SCCourse: {
|
|
1745
1745
|
styleOverrides: {
|
|
1746
|
-
root: (
|
|
1746
|
+
root: () => {
|
|
1747
|
+
width: string;
|
|
1748
|
+
};
|
|
1747
1749
|
snippetRoot: ({ theme }: any) => {
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1750
|
+
'& .SCBaseItemButton-image': {
|
|
1751
|
+
'& .SCCourse-snippet-avatar': {
|
|
1752
|
+
width: number;
|
|
1753
|
+
height: number;
|
|
1754
|
+
'& img': {
|
|
1755
|
+
borderRadius: string;
|
|
1756
|
+
};
|
|
1757
|
+
};
|
|
1758
|
+
'& .SCCourse-snippet-avatar-user-profile-view': {
|
|
1754
1759
|
width: number;
|
|
1755
1760
|
height: number;
|
|
1756
1761
|
'& img': {
|
|
@@ -1775,9 +1780,10 @@ declare const theme: {
|
|
|
1775
1780
|
};
|
|
1776
1781
|
};
|
|
1777
1782
|
};
|
|
1778
|
-
'& .
|
|
1783
|
+
'& .SCBaseItemButton-text': {
|
|
1779
1784
|
fontSize: any;
|
|
1780
|
-
|
|
1785
|
+
textAlign: string;
|
|
1786
|
+
'& .SCBaseItemButton-primary > a': {
|
|
1781
1787
|
color: any;
|
|
1782
1788
|
textDecoration: string;
|
|
1783
1789
|
'&:hover': {
|
|
@@ -1785,9 +1791,13 @@ declare const theme: {
|
|
|
1785
1791
|
};
|
|
1786
1792
|
'& p': {
|
|
1787
1793
|
fontWeight: any;
|
|
1794
|
+
whiteSpace: string;
|
|
1795
|
+
overflow: string;
|
|
1796
|
+
textOverflow: string;
|
|
1797
|
+
display: string;
|
|
1788
1798
|
};
|
|
1789
1799
|
};
|
|
1790
|
-
'& .
|
|
1800
|
+
'& .SSCBaseItemButton-secondary > a': {
|
|
1791
1801
|
color: any;
|
|
1792
1802
|
};
|
|
1793
1803
|
};
|
|
@@ -1954,6 +1964,7 @@ declare const theme: {
|
|
|
1954
1964
|
};
|
|
1955
1965
|
};
|
|
1956
1966
|
skeletonRoot: ({ theme }: any) => {
|
|
1967
|
+
width: string;
|
|
1957
1968
|
'& .SCCourse-skeleton-preview-root': {
|
|
1958
1969
|
[x: number]: {
|
|
1959
1970
|
minHeight: string;
|
|
@@ -1978,10 +1989,6 @@ declare const theme: {
|
|
|
1978
1989
|
};
|
|
1979
1990
|
};
|
|
1980
1991
|
'& .SCCourse-skeleton-snippet-root': {
|
|
1981
|
-
overflow: string;
|
|
1982
|
-
boxSizing: string;
|
|
1983
|
-
paddingLeft: string;
|
|
1984
|
-
paddingRight: string;
|
|
1985
1992
|
'& .SCCourse-skeleton-snippet-image': {
|
|
1986
1993
|
position: string;
|
|
1987
1994
|
'& .MuiSkeleton-root': {
|
|
@@ -1995,9 +2002,6 @@ declare const theme: {
|
|
|
1995
2002
|
transform: string;
|
|
1996
2003
|
};
|
|
1997
2004
|
};
|
|
1998
|
-
'& .SCBaseItem-actions': {
|
|
1999
|
-
maxWidth: string;
|
|
2000
|
-
};
|
|
2001
2005
|
};
|
|
2002
2006
|
};
|
|
2003
2007
|
};
|
|
@@ -4326,7 +4330,9 @@ declare const theme: {
|
|
|
4326
4330
|
textAlign: string;
|
|
4327
4331
|
color: any;
|
|
4328
4332
|
marginBottom: any;
|
|
4329
|
-
fontWeight: any;
|
|
4333
|
+
fontWeight: any; /**
|
|
4334
|
+
* Style assets - Exports - End
|
|
4335
|
+
*/
|
|
4330
4336
|
fontSize: string;
|
|
4331
4337
|
};
|
|
4332
4338
|
'& .SCFeedObject-poll-object-voters .MuiTypography-root': {
|
|
@@ -7600,6 +7606,9 @@ declare const theme: {
|
|
|
7600
7606
|
display: string;
|
|
7601
7607
|
flexDirection: string;
|
|
7602
7608
|
alignItems: string;
|
|
7609
|
+
/**
|
|
7610
|
+
* Style assets - Imports - Start
|
|
7611
|
+
*/
|
|
7603
7612
|
'& .SCOnBoardingWidget-app-image': {
|
|
7604
7613
|
width: string;
|
|
7605
7614
|
};
|
|
@@ -8666,6 +8675,13 @@ declare const theme: {
|
|
|
8666
8675
|
};
|
|
8667
8676
|
};
|
|
8668
8677
|
};
|
|
8678
|
+
SCUserCreatedCoursesWidget: {
|
|
8679
|
+
styleOverrides: {
|
|
8680
|
+
root: ({ theme }: any) => {};
|
|
8681
|
+
skeletonRoot: ({ theme }: any) => {};
|
|
8682
|
+
dialogRoot: ({ theme }: any) => {};
|
|
8683
|
+
};
|
|
8684
|
+
};
|
|
8669
8685
|
SCUserFeedTemplate: {
|
|
8670
8686
|
styleOverrides: {
|
|
8671
8687
|
root: ({ theme }: any) => {};
|
|
@@ -11481,6 +11497,17 @@ declare const theme: {
|
|
|
11481
11497
|
};
|
|
11482
11498
|
};
|
|
11483
11499
|
};
|
|
11500
|
+
SCPaywalls: {
|
|
11501
|
+
styleOverrides: {
|
|
11502
|
+
root: ({ theme }: {
|
|
11503
|
+
theme: any;
|
|
11504
|
+
}) => {
|
|
11505
|
+
'& .SCPaywalls-error': {
|
|
11506
|
+
margin: any;
|
|
11507
|
+
};
|
|
11508
|
+
};
|
|
11509
|
+
};
|
|
11510
|
+
};
|
|
11484
11511
|
};
|
|
11485
11512
|
selfcommunity: {
|
|
11486
11513
|
user: {
|
package/lib/cjs/index.js
CHANGED
|
@@ -190,6 +190,7 @@ const SCUserConnectionsRequestsSentWidget_1 = tslib_1.__importDefault(require(".
|
|
|
190
190
|
const SCUserConnectionsRequestsWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsRequestsWidget"));
|
|
191
191
|
const SCUserConnectionsWidget_1 = tslib_1.__importDefault(require("./components/SCUserConnectionsWidget"));
|
|
192
192
|
const SCUserCounters_1 = tslib_1.__importDefault(require("./components/SCUserCounters"));
|
|
193
|
+
const SCUserCreatedCoursesWidget_1 = tslib_1.__importDefault(require("./components/SCUserCreatedCoursesWidget"));
|
|
193
194
|
const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUserFeedTemplate"));
|
|
194
195
|
const SCUserFollowedUsersWidget_1 = tslib_1.__importDefault(require("./components/SCUserFollowedUsersWidget"));
|
|
195
196
|
const SCUserFollowersWidget_1 = tslib_1.__importDefault(require("./components/SCUserFollowersWidget"));
|
|
@@ -211,6 +212,7 @@ const SCPaymentProductPrice_1 = tslib_1.__importDefault(require("./components/SC
|
|
|
211
212
|
const SCCheckout_1 = tslib_1.__importDefault(require("./components/SCCheckout"));
|
|
212
213
|
const SCCheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/SCCheckoutReturnDialog"));
|
|
213
214
|
const SCHiddenPurchasableContent_1 = tslib_1.__importDefault(require("./components/SCHiddenPurchasableContent"));
|
|
215
|
+
const SCPaywalls_1 = tslib_1.__importDefault(require("./components/SCPaywalls"));
|
|
214
216
|
/**
|
|
215
217
|
* Style fragments - Imports - End
|
|
216
218
|
*/
|
|
@@ -451,6 +453,7 @@ const theme = {
|
|
|
451
453
|
SCUserConnectionsRequestsWidget: SCUserConnectionsRequestsWidget_1.default,
|
|
452
454
|
SCUserConnectionsWidget: SCUserConnectionsWidget_1.default,
|
|
453
455
|
SCUserCounters: SCUserCounters_1.default,
|
|
456
|
+
SCUserCreatedCoursesWidget: SCUserCreatedCoursesWidget_1.default,
|
|
454
457
|
SCUserFeedTemplate: SCUserFeedTemplate_1.default,
|
|
455
458
|
SCUserFollowedUsersWidget: SCUserFollowedUsersWidget_1.default,
|
|
456
459
|
SCUserFollowersWidget: SCUserFollowersWidget_1.default,
|
|
@@ -504,7 +507,8 @@ const theme = {
|
|
|
504
507
|
SCPaymentProductPrice: SCPaymentProductPrice_1.default,
|
|
505
508
|
SCCheckout: SCCheckout_1.default,
|
|
506
509
|
SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default,
|
|
507
|
-
SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default
|
|
510
|
+
SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default,
|
|
511
|
+
SCPaywalls: SCPaywalls_1.default
|
|
508
512
|
},
|
|
509
513
|
selfcommunity: {
|
|
510
514
|
user: {
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: (
|
|
3
|
+
root: () => {
|
|
4
|
+
width: string;
|
|
5
|
+
};
|
|
4
6
|
snippetRoot: ({ theme }: any) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
'& .SCBaseItemButton-image': {
|
|
8
|
+
'& .SCCourse-snippet-avatar': {
|
|
9
|
+
width: number;
|
|
10
|
+
height: number;
|
|
11
|
+
'& img': {
|
|
12
|
+
borderRadius: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
'& .SCCourse-snippet-avatar-user-profile-view': {
|
|
11
16
|
width: number;
|
|
12
17
|
height: number;
|
|
13
18
|
'& img': {
|
|
@@ -32,9 +37,10 @@ declare const Component: {
|
|
|
32
37
|
};
|
|
33
38
|
};
|
|
34
39
|
};
|
|
35
|
-
'& .
|
|
40
|
+
'& .SCBaseItemButton-text': {
|
|
36
41
|
fontSize: any;
|
|
37
|
-
|
|
42
|
+
textAlign: string;
|
|
43
|
+
'& .SCBaseItemButton-primary > a': {
|
|
38
44
|
color: any;
|
|
39
45
|
textDecoration: string;
|
|
40
46
|
'&:hover': {
|
|
@@ -42,9 +48,13 @@ declare const Component: {
|
|
|
42
48
|
};
|
|
43
49
|
'& p': {
|
|
44
50
|
fontWeight: any;
|
|
51
|
+
whiteSpace: string;
|
|
52
|
+
overflow: string;
|
|
53
|
+
textOverflow: string;
|
|
54
|
+
display: string;
|
|
45
55
|
};
|
|
46
56
|
};
|
|
47
|
-
'& .
|
|
57
|
+
'& .SSCBaseItemButton-secondary > a': {
|
|
48
58
|
color: any;
|
|
49
59
|
};
|
|
50
60
|
};
|
|
@@ -211,6 +221,7 @@ declare const Component: {
|
|
|
211
221
|
};
|
|
212
222
|
};
|
|
213
223
|
skeletonRoot: ({ theme }: any) => {
|
|
224
|
+
width: string;
|
|
214
225
|
'& .SCCourse-skeleton-preview-root': {
|
|
215
226
|
[x: number]: {
|
|
216
227
|
minHeight: string;
|
|
@@ -235,10 +246,6 @@ declare const Component: {
|
|
|
235
246
|
};
|
|
236
247
|
};
|
|
237
248
|
'& .SCCourse-skeleton-snippet-root': {
|
|
238
|
-
overflow: string;
|
|
239
|
-
boxSizing: string;
|
|
240
|
-
paddingLeft: string;
|
|
241
|
-
paddingRight: string;
|
|
242
249
|
'& .SCCourse-skeleton-snippet-image': {
|
|
243
250
|
position: string;
|
|
244
251
|
'& .MuiSkeleton-root': {
|
|
@@ -252,9 +259,6 @@ declare const Component: {
|
|
|
252
259
|
transform: string;
|
|
253
260
|
};
|
|
254
261
|
};
|
|
255
|
-
'& .SCBaseItem-actions': {
|
|
256
|
-
maxWidth: string;
|
|
257
|
-
};
|
|
258
262
|
};
|
|
259
263
|
};
|
|
260
264
|
};
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
const Component = {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: (
|
|
3
|
+
root: () => ({
|
|
4
|
+
width: '100%'
|
|
5
|
+
}),
|
|
4
6
|
snippetRoot: ({ theme }) => ({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
paddingLeft: `${theme.spacing()} !important`,
|
|
8
|
-
paddingRight: `${theme.spacing()} !important`,
|
|
9
|
-
'& .SCBaseItem-image': {
|
|
10
|
-
'& .MuiAvatar-root': {
|
|
7
|
+
'& .SCBaseItemButton-image': {
|
|
8
|
+
'& .SCCourse-snippet-avatar': {
|
|
11
9
|
width: 100,
|
|
12
10
|
height: 60,
|
|
13
11
|
'& img': {
|
|
14
12
|
borderRadius: '5px'
|
|
15
13
|
}
|
|
14
|
+
},
|
|
15
|
+
'& .SCCourse-snippet-avatar-user-profile-view': {
|
|
16
|
+
width: 60,
|
|
17
|
+
height: 60,
|
|
18
|
+
'& img': {
|
|
19
|
+
borderRadius: '5px'
|
|
20
|
+
}
|
|
16
21
|
}
|
|
17
22
|
},
|
|
18
23
|
'& .SCCourse-snippet-image': {
|
|
@@ -32,19 +37,24 @@ const Component = {
|
|
|
32
37
|
}
|
|
33
38
|
}
|
|
34
39
|
},
|
|
35
|
-
'& .
|
|
40
|
+
'& .SCBaseItemButton-text': {
|
|
36
41
|
fontSize: theme.typography.fontSize,
|
|
37
|
-
|
|
42
|
+
textAlign: 'start',
|
|
43
|
+
'& .SCBaseItemButton-primary > a': {
|
|
38
44
|
color: theme.palette.text.primary,
|
|
39
45
|
textDecoration: 'none',
|
|
40
46
|
'&:hover': {
|
|
41
47
|
textDecoration: 'none'
|
|
42
48
|
},
|
|
43
49
|
'& p': {
|
|
44
|
-
fontWeight: theme.typography.fontWeightBold
|
|
50
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
51
|
+
whiteSpace: 'nowrap',
|
|
52
|
+
overflow: 'hidden',
|
|
53
|
+
textOverflow: 'ellipsis',
|
|
54
|
+
display: 'block'
|
|
45
55
|
}
|
|
46
56
|
},
|
|
47
|
-
'& .
|
|
57
|
+
'& .SSCBaseItemButton-secondary > a': {
|
|
48
58
|
color: theme.palette.text.secondary
|
|
49
59
|
}
|
|
50
60
|
},
|
|
@@ -85,7 +95,7 @@ const Component = {
|
|
|
85
95
|
},
|
|
86
96
|
'& .SCCourse-preview-avatar': {
|
|
87
97
|
position: 'absolute',
|
|
88
|
-
bottom: theme.spacing(-
|
|
98
|
+
bottom: theme.spacing(-1),
|
|
89
99
|
left: theme.spacing(1.5),
|
|
90
100
|
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
91
101
|
height: theme.selfcommunity.user.avatar.sizeMedium,
|
|
@@ -97,7 +107,7 @@ const Component = {
|
|
|
97
107
|
}
|
|
98
108
|
},
|
|
99
109
|
'& .SCCourse-preview-content': {
|
|
100
|
-
padding: theme.spacing(1
|
|
110
|
+
padding: theme.spacing(1, 2, 2, 2),
|
|
101
111
|
'& .SCCourse-preview-creator': {
|
|
102
112
|
textDecoration: 'none',
|
|
103
113
|
color: 'inherit',
|
|
@@ -211,6 +221,7 @@ const Component = {
|
|
|
211
221
|
}
|
|
212
222
|
}),
|
|
213
223
|
skeletonRoot: ({ theme }) => ({
|
|
224
|
+
width: '100%',
|
|
214
225
|
'& .SCCourse-skeleton-preview-root': {
|
|
215
226
|
height: '100%',
|
|
216
227
|
[theme.breakpoints.up('sm')]: {
|
|
@@ -235,10 +246,6 @@ const Component = {
|
|
|
235
246
|
}
|
|
236
247
|
},
|
|
237
248
|
'& .SCCourse-skeleton-snippet-root': {
|
|
238
|
-
overflow: 'visible',
|
|
239
|
-
boxSizing: 'border-box',
|
|
240
|
-
paddingLeft: `${theme.spacing()} !important`,
|
|
241
|
-
paddingRight: `${theme.spacing()} !important`,
|
|
242
249
|
'& .SCCourse-skeleton-snippet-image': {
|
|
243
250
|
position: 'relative',
|
|
244
251
|
'& .MuiSkeleton-root': {
|
|
@@ -251,9 +258,6 @@ const Component = {
|
|
|
251
258
|
left: '50%',
|
|
252
259
|
transform: 'translate(-50%, -50%)'
|
|
253
260
|
}
|
|
254
|
-
},
|
|
255
|
-
'& .SCBaseItem-actions': {
|
|
256
|
-
maxWidth: 'none !important'
|
|
257
261
|
}
|
|
258
262
|
}
|
|
259
263
|
})
|