@selfcommunity/react-theme-default 0.2.0-alpha.1 → 0.2.0-alpha.10
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/SCEventForm.d.ts +8 -0
- package/lib/cjs/components/SCEventForm.js +10 -2
- package/lib/cjs/components/SCEventHeader.js +1 -1
- package/lib/cjs/components/SCMediaLink.d.ts +47 -1
- package/lib/cjs/components/SCMediaLink.js +52 -2
- package/lib/cjs/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/cjs/components/SCOnBoardingWidget.js +8 -6
- package/lib/cjs/index.d.ts +60 -5
- package/lib/esm/components/SCEventForm.d.ts +8 -0
- package/lib/esm/components/SCEventForm.js +10 -2
- package/lib/esm/components/SCEventHeader.js +1 -1
- package/lib/esm/components/SCMediaLink.d.ts +47 -1
- package/lib/esm/components/SCMediaLink.js +52 -2
- package/lib/esm/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/esm/components/SCOnBoardingWidget.js +8 -6
- package/lib/esm/index.d.ts +60 -5
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -20,6 +20,10 @@ declare const Component: {
|
|
|
20
20
|
'& .SCEventForm-form': {
|
|
21
21
|
'& .SCEventForm-picker': {
|
|
22
22
|
width: string;
|
|
23
|
+
'& .MuiFormHelperText-root': {
|
|
24
|
+
height: number;
|
|
25
|
+
marginTop: number;
|
|
26
|
+
};
|
|
23
27
|
};
|
|
24
28
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
25
29
|
marginBottom: any;
|
|
@@ -37,6 +41,9 @@ declare const Component: {
|
|
|
37
41
|
alignItems: string;
|
|
38
42
|
justifyContent: string;
|
|
39
43
|
gap: any;
|
|
44
|
+
'& .MuiInputBase-root': {
|
|
45
|
+
paddingLeft: any;
|
|
46
|
+
};
|
|
40
47
|
};
|
|
41
48
|
'& .SCEventForm-error': {
|
|
42
49
|
color: any;
|
|
@@ -82,6 +89,7 @@ declare const Component: {
|
|
|
82
89
|
};
|
|
83
90
|
};
|
|
84
91
|
'& .SCEventForm-event-address-root': {
|
|
92
|
+
marginTop: any;
|
|
85
93
|
backgroundColor: any;
|
|
86
94
|
borderRadius: number;
|
|
87
95
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -22,7 +22,11 @@ const Component = {
|
|
|
22
22
|
},
|
|
23
23
|
'& .SCEventForm-form': {
|
|
24
24
|
'& .SCEventForm-picker': {
|
|
25
|
-
width: '50%'
|
|
25
|
+
width: '50%',
|
|
26
|
+
'& .MuiFormHelperText-root': {
|
|
27
|
+
height: 0,
|
|
28
|
+
marginTop: 0
|
|
29
|
+
}
|
|
26
30
|
},
|
|
27
31
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
28
32
|
marginBottom: theme.spacing(2)
|
|
@@ -39,7 +43,10 @@ const Component = {
|
|
|
39
43
|
display: 'flex',
|
|
40
44
|
alignItems: 'center',
|
|
41
45
|
justifyContent: 'space-between',
|
|
42
|
-
gap: theme.spacing(1)
|
|
46
|
+
gap: theme.spacing(1),
|
|
47
|
+
'& .MuiInputBase-root': {
|
|
48
|
+
paddingLeft: theme.spacing(0.5)
|
|
49
|
+
}
|
|
43
50
|
},
|
|
44
51
|
'& .SCEventForm-error': {
|
|
45
52
|
color: theme.palette.error.main
|
|
@@ -85,6 +92,7 @@ const Component = {
|
|
|
85
92
|
}
|
|
86
93
|
},
|
|
87
94
|
'& .SCEventForm-event-address-root': {
|
|
95
|
+
marginTop: theme.spacing(2),
|
|
88
96
|
backgroundColor: theme.palette.grey['A200'],
|
|
89
97
|
borderRadius: 5,
|
|
90
98
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -94,7 +94,7 @@ const Component = {
|
|
|
94
94
|
borderBottom: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
95
95
|
marginTop: theme.spacing(1),
|
|
96
96
|
'& .SCBaseItemButton-content': {
|
|
97
|
-
paddingLeft: theme.spacing(
|
|
97
|
+
paddingLeft: theme.spacing(1)
|
|
98
98
|
},
|
|
99
99
|
'& .SCBaseItemButton-actions': {
|
|
100
100
|
maxWidth: 'none',
|
|
@@ -11,6 +11,31 @@ declare const Component: {
|
|
|
11
11
|
margin: string;
|
|
12
12
|
height: number;
|
|
13
13
|
};
|
|
14
|
+
'& .SCMediaLink-html-wrap': {
|
|
15
|
+
position: string;
|
|
16
|
+
marginLeft: any;
|
|
17
|
+
marginRight: any;
|
|
18
|
+
'& .SCMediaLink-html': {
|
|
19
|
+
width: string;
|
|
20
|
+
position: string;
|
|
21
|
+
top: number;
|
|
22
|
+
'& iframe': {
|
|
23
|
+
width: string;
|
|
24
|
+
margin: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
'& .SCMediaLink-html-placeholder': {
|
|
28
|
+
width: string;
|
|
29
|
+
position: string;
|
|
30
|
+
top: number;
|
|
31
|
+
'& .SCMediaLink-html-loading': {
|
|
32
|
+
position: string;
|
|
33
|
+
display: string;
|
|
34
|
+
top: string;
|
|
35
|
+
left: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
14
39
|
'& .SCMediaLink-thumbnail': {
|
|
15
40
|
[x: number]: {
|
|
16
41
|
maxWidth: number;
|
|
@@ -51,12 +76,33 @@ declare const Component: {
|
|
|
51
76
|
previewRoot: ({ theme }: any) => {
|
|
52
77
|
'& .SCMediaLink-media': {
|
|
53
78
|
position: string;
|
|
54
|
-
|
|
79
|
+
'& .SCMediaLink-html-wrap': {
|
|
80
|
+
'& .SCMediaLink-html': {
|
|
81
|
+
width: string;
|
|
82
|
+
position: string;
|
|
83
|
+
'& iframe': {
|
|
84
|
+
width: string;
|
|
85
|
+
margin: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
'& .SCMediaLink-html-placeholder': {
|
|
89
|
+
width: string;
|
|
90
|
+
position: string;
|
|
91
|
+
top: number;
|
|
92
|
+
'& .SCMediaLink-html-loading': {
|
|
93
|
+
position: string;
|
|
94
|
+
display: string;
|
|
95
|
+
top: string;
|
|
96
|
+
left: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
55
100
|
'& .SCMediaLink-delete': {
|
|
56
101
|
background: any;
|
|
57
102
|
position: string;
|
|
58
103
|
right: any;
|
|
59
104
|
top: any;
|
|
105
|
+
zIndex: number;
|
|
60
106
|
};
|
|
61
107
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
62
108
|
background: any;
|
|
@@ -14,6 +14,33 @@ const Component = {
|
|
|
14
14
|
margin: '10px 0px',
|
|
15
15
|
height: 360
|
|
16
16
|
},
|
|
17
|
+
'& .SCMediaLink-html-wrap': {
|
|
18
|
+
position: 'relative',
|
|
19
|
+
marginLeft: theme.spacing(),
|
|
20
|
+
marginRight: theme.spacing(),
|
|
21
|
+
'& .SCMediaLink-html': {
|
|
22
|
+
width: '100%',
|
|
23
|
+
position: 'absolute',
|
|
24
|
+
top: 0,
|
|
25
|
+
// zIndex: 2,
|
|
26
|
+
'& iframe': {
|
|
27
|
+
width: '100%',
|
|
28
|
+
margin: '0px auto'
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
'& .SCMediaLink-html-placeholder': {
|
|
32
|
+
width: '100%',
|
|
33
|
+
position: 'relative',
|
|
34
|
+
top: 0,
|
|
35
|
+
// zIndex: 1,
|
|
36
|
+
'& .SCMediaLink-html-loading': {
|
|
37
|
+
position: 'absolute',
|
|
38
|
+
display: 'none',
|
|
39
|
+
top: '38%',
|
|
40
|
+
left: '50%'
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
17
44
|
'& .SCMediaLink-thumbnail': {
|
|
18
45
|
border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
19
46
|
borderRadius: theme.shape.borderRadius * 0.75,
|
|
@@ -54,12 +81,35 @@ const Component = {
|
|
|
54
81
|
previewRoot: ({ theme }) => ({
|
|
55
82
|
'& .SCMediaLink-media': {
|
|
56
83
|
position: 'relative',
|
|
57
|
-
|
|
84
|
+
'& .SCMediaLink-html-wrap': {
|
|
85
|
+
'& .SCMediaLink-html': {
|
|
86
|
+
width: '100%',
|
|
87
|
+
position: 'absolute',
|
|
88
|
+
// zIndex: 2,
|
|
89
|
+
'& iframe': {
|
|
90
|
+
width: '100%',
|
|
91
|
+
margin: '0px auto'
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
'& .SCMediaLink-html-placeholder': {
|
|
95
|
+
width: '100%',
|
|
96
|
+
position: 'absolute',
|
|
97
|
+
top: 0,
|
|
98
|
+
// zIndex: 1,
|
|
99
|
+
'& .SCMediaLink-html-loading': {
|
|
100
|
+
position: 'absolute',
|
|
101
|
+
display: 'none',
|
|
102
|
+
top: '40%',
|
|
103
|
+
left: '50%'
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
},
|
|
58
107
|
'& .SCMediaLink-delete': {
|
|
59
108
|
background: theme.palette.common.white,
|
|
60
109
|
position: 'absolute',
|
|
61
110
|
right: theme.spacing(0.5),
|
|
62
|
-
top: theme.spacing(0.5)
|
|
111
|
+
top: theme.spacing(0.5),
|
|
112
|
+
zIndex: 3
|
|
63
113
|
},
|
|
64
114
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
65
115
|
background: theme.palette.common.white,
|
|
@@ -317,17 +317,16 @@ declare const Component: {
|
|
|
317
317
|
borderRadius: number;
|
|
318
318
|
background: string;
|
|
319
319
|
boxShadow: string;
|
|
320
|
+
display: string;
|
|
321
|
+
flexDirection: string;
|
|
320
322
|
};
|
|
321
323
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
322
324
|
alignSelf: string;
|
|
323
325
|
};
|
|
324
326
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
325
|
-
|
|
326
|
-
top: number;
|
|
327
|
-
};
|
|
327
|
+
position: string;
|
|
328
328
|
top: number;
|
|
329
329
|
display: string;
|
|
330
|
-
position: string;
|
|
331
330
|
marginLeft: any;
|
|
332
331
|
'& > .MuiBadge-root > img': {
|
|
333
332
|
height: any;
|
|
@@ -348,9 +347,11 @@ declare const Component: {
|
|
|
348
347
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
349
348
|
[x: number]: {
|
|
350
349
|
top: number;
|
|
350
|
+
left: number;
|
|
351
351
|
};
|
|
352
352
|
top: number;
|
|
353
353
|
left: number;
|
|
354
|
+
height: number;
|
|
354
355
|
position: string;
|
|
355
356
|
display: string;
|
|
356
357
|
marginLeft: any;
|
|
@@ -318,16 +318,17 @@ const Component = {
|
|
|
318
318
|
boxShadow: 'unset',
|
|
319
319
|
[theme.breakpoints.up('md')]: {
|
|
320
320
|
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
|
|
321
|
-
}
|
|
321
|
+
},
|
|
322
|
+
display: 'flex',
|
|
323
|
+
flexDirection: 'row'
|
|
322
324
|
},
|
|
323
325
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
324
326
|
alignSelf: 'end'
|
|
325
327
|
},
|
|
326
328
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
329
|
+
position: 'relative',
|
|
327
330
|
top: 100,
|
|
328
|
-
[theme.breakpoints.up('sm')]: { top: 150 },
|
|
329
331
|
display: 'block',
|
|
330
|
-
position: 'absolute',
|
|
331
332
|
marginLeft: theme.spacing(2),
|
|
332
333
|
'& > .MuiBadge-root > img': {
|
|
333
334
|
height: theme.selfcommunity.user.avatar.sizeXLarge,
|
|
@@ -346,9 +347,10 @@ const Component = {
|
|
|
346
347
|
}
|
|
347
348
|
},
|
|
348
349
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
349
|
-
top:
|
|
350
|
-
|
|
351
|
-
left:
|
|
350
|
+
[theme.breakpoints.down('sm')]: { top: 167, left: -45 },
|
|
351
|
+
top: 165,
|
|
352
|
+
left: -40,
|
|
353
|
+
height: 28,
|
|
352
354
|
position: 'relative',
|
|
353
355
|
display: 'flex',
|
|
354
356
|
marginLeft: theme.spacing(2)
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4171,6 +4171,31 @@ declare const theme: {
|
|
|
4171
4171
|
margin: string;
|
|
4172
4172
|
height: number;
|
|
4173
4173
|
};
|
|
4174
|
+
'& .SCMediaLink-html-wrap': {
|
|
4175
|
+
position: string;
|
|
4176
|
+
marginLeft: any;
|
|
4177
|
+
marginRight: any;
|
|
4178
|
+
'& .SCMediaLink-html': {
|
|
4179
|
+
width: string;
|
|
4180
|
+
position: string;
|
|
4181
|
+
top: number;
|
|
4182
|
+
'& iframe': {
|
|
4183
|
+
width: string;
|
|
4184
|
+
margin: string;
|
|
4185
|
+
};
|
|
4186
|
+
};
|
|
4187
|
+
'& .SCMediaLink-html-placeholder': {
|
|
4188
|
+
width: string;
|
|
4189
|
+
position: string;
|
|
4190
|
+
top: number;
|
|
4191
|
+
'& .SCMediaLink-html-loading': {
|
|
4192
|
+
position: string;
|
|
4193
|
+
display: string;
|
|
4194
|
+
top: string;
|
|
4195
|
+
left: string;
|
|
4196
|
+
};
|
|
4197
|
+
};
|
|
4198
|
+
};
|
|
4174
4199
|
'& .SCMediaLink-thumbnail': {
|
|
4175
4200
|
[x: number]: {
|
|
4176
4201
|
maxWidth: number;
|
|
@@ -4211,12 +4236,33 @@ declare const theme: {
|
|
|
4211
4236
|
previewRoot: ({ theme }: any) => {
|
|
4212
4237
|
'& .SCMediaLink-media': {
|
|
4213
4238
|
position: string;
|
|
4214
|
-
|
|
4239
|
+
'& .SCMediaLink-html-wrap': {
|
|
4240
|
+
'& .SCMediaLink-html': {
|
|
4241
|
+
width: string;
|
|
4242
|
+
position: string;
|
|
4243
|
+
'& iframe': {
|
|
4244
|
+
width: string;
|
|
4245
|
+
margin: string;
|
|
4246
|
+
};
|
|
4247
|
+
};
|
|
4248
|
+
'& .SCMediaLink-html-placeholder': {
|
|
4249
|
+
width: string;
|
|
4250
|
+
position: string;
|
|
4251
|
+
top: number;
|
|
4252
|
+
'& .SCMediaLink-html-loading': {
|
|
4253
|
+
position: string;
|
|
4254
|
+
display: string;
|
|
4255
|
+
top: string;
|
|
4256
|
+
left: string;
|
|
4257
|
+
};
|
|
4258
|
+
};
|
|
4259
|
+
};
|
|
4215
4260
|
'& .SCMediaLink-delete': {
|
|
4216
4261
|
background: any;
|
|
4217
4262
|
position: string;
|
|
4218
4263
|
right: any;
|
|
4219
4264
|
top: any;
|
|
4265
|
+
zIndex: number;
|
|
4220
4266
|
};
|
|
4221
4267
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
4222
4268
|
background: any;
|
|
@@ -5211,17 +5257,16 @@ declare const theme: {
|
|
|
5211
5257
|
borderRadius: number;
|
|
5212
5258
|
background: string;
|
|
5213
5259
|
boxShadow: string;
|
|
5260
|
+
display: string;
|
|
5261
|
+
flexDirection: string;
|
|
5214
5262
|
};
|
|
5215
5263
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
5216
5264
|
alignSelf: string;
|
|
5217
5265
|
};
|
|
5218
5266
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
5219
|
-
|
|
5220
|
-
top: number;
|
|
5221
|
-
};
|
|
5267
|
+
position: string;
|
|
5222
5268
|
top: number;
|
|
5223
5269
|
display: string;
|
|
5224
|
-
position: string;
|
|
5225
5270
|
marginLeft: any;
|
|
5226
5271
|
'& > .MuiBadge-root > img': {
|
|
5227
5272
|
height: any;
|
|
@@ -5242,9 +5287,11 @@ declare const theme: {
|
|
|
5242
5287
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
5243
5288
|
[x: number]: {
|
|
5244
5289
|
top: number;
|
|
5290
|
+
left: number;
|
|
5245
5291
|
};
|
|
5246
5292
|
top: number;
|
|
5247
5293
|
left: number;
|
|
5294
|
+
height: number;
|
|
5248
5295
|
position: string;
|
|
5249
5296
|
display: string;
|
|
5250
5297
|
marginLeft: any;
|
|
@@ -6705,6 +6752,10 @@ declare const theme: {
|
|
|
6705
6752
|
'& .SCEventForm-form': {
|
|
6706
6753
|
'& .SCEventForm-picker': {
|
|
6707
6754
|
width: string;
|
|
6755
|
+
'& .MuiFormHelperText-root': {
|
|
6756
|
+
height: number;
|
|
6757
|
+
marginTop: number;
|
|
6758
|
+
};
|
|
6708
6759
|
};
|
|
6709
6760
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
6710
6761
|
marginBottom: any;
|
|
@@ -6722,6 +6773,9 @@ declare const theme: {
|
|
|
6722
6773
|
alignItems: string;
|
|
6723
6774
|
justifyContent: string;
|
|
6724
6775
|
gap: any;
|
|
6776
|
+
'& .MuiInputBase-root': {
|
|
6777
|
+
paddingLeft: any;
|
|
6778
|
+
};
|
|
6725
6779
|
};
|
|
6726
6780
|
'& .SCEventForm-error': {
|
|
6727
6781
|
color: any;
|
|
@@ -6767,6 +6821,7 @@ declare const theme: {
|
|
|
6767
6821
|
};
|
|
6768
6822
|
};
|
|
6769
6823
|
'& .SCEventForm-event-address-root': {
|
|
6824
|
+
marginTop: any;
|
|
6770
6825
|
backgroundColor: any;
|
|
6771
6826
|
borderRadius: number;
|
|
6772
6827
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -20,6 +20,10 @@ declare const Component: {
|
|
|
20
20
|
'& .SCEventForm-form': {
|
|
21
21
|
'& .SCEventForm-picker': {
|
|
22
22
|
width: string;
|
|
23
|
+
'& .MuiFormHelperText-root': {
|
|
24
|
+
height: number;
|
|
25
|
+
marginTop: number;
|
|
26
|
+
};
|
|
23
27
|
};
|
|
24
28
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
25
29
|
marginBottom: any;
|
|
@@ -37,6 +41,9 @@ declare const Component: {
|
|
|
37
41
|
alignItems: string;
|
|
38
42
|
justifyContent: string;
|
|
39
43
|
gap: any;
|
|
44
|
+
'& .MuiInputBase-root': {
|
|
45
|
+
paddingLeft: any;
|
|
46
|
+
};
|
|
40
47
|
};
|
|
41
48
|
'& .SCEventForm-error': {
|
|
42
49
|
color: any;
|
|
@@ -82,6 +89,7 @@ declare const Component: {
|
|
|
82
89
|
};
|
|
83
90
|
};
|
|
84
91
|
'& .SCEventForm-event-address-root': {
|
|
92
|
+
marginTop: any;
|
|
85
93
|
backgroundColor: any;
|
|
86
94
|
borderRadius: number;
|
|
87
95
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -20,7 +20,11 @@ const Component = {
|
|
|
20
20
|
},
|
|
21
21
|
'& .SCEventForm-form': {
|
|
22
22
|
'& .SCEventForm-picker': {
|
|
23
|
-
width: '50%'
|
|
23
|
+
width: '50%',
|
|
24
|
+
'& .MuiFormHelperText-root': {
|
|
25
|
+
height: 0,
|
|
26
|
+
marginTop: 0
|
|
27
|
+
}
|
|
24
28
|
},
|
|
25
29
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
26
30
|
marginBottom: theme.spacing(2)
|
|
@@ -37,7 +41,10 @@ const Component = {
|
|
|
37
41
|
display: 'flex',
|
|
38
42
|
alignItems: 'center',
|
|
39
43
|
justifyContent: 'space-between',
|
|
40
|
-
gap: theme.spacing(1)
|
|
44
|
+
gap: theme.spacing(1),
|
|
45
|
+
'& .MuiInputBase-root': {
|
|
46
|
+
paddingLeft: theme.spacing(0.5)
|
|
47
|
+
}
|
|
41
48
|
},
|
|
42
49
|
'& .SCEventForm-error': {
|
|
43
50
|
color: theme.palette.error.main
|
|
@@ -83,6 +90,7 @@ const Component = {
|
|
|
83
90
|
}
|
|
84
91
|
},
|
|
85
92
|
'& .SCEventForm-event-address-root': {
|
|
93
|
+
marginTop: theme.spacing(2),
|
|
86
94
|
backgroundColor: theme.palette.grey['A200'],
|
|
87
95
|
borderRadius: 5,
|
|
88
96
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -92,7 +92,7 @@ const Component = {
|
|
|
92
92
|
borderBottom: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
93
93
|
marginTop: theme.spacing(1),
|
|
94
94
|
'& .SCBaseItemButton-content': {
|
|
95
|
-
paddingLeft: theme.spacing(
|
|
95
|
+
paddingLeft: theme.spacing(1)
|
|
96
96
|
},
|
|
97
97
|
'& .SCBaseItemButton-actions': {
|
|
98
98
|
maxWidth: 'none',
|
|
@@ -11,6 +11,31 @@ declare const Component: {
|
|
|
11
11
|
margin: string;
|
|
12
12
|
height: number;
|
|
13
13
|
};
|
|
14
|
+
'& .SCMediaLink-html-wrap': {
|
|
15
|
+
position: string;
|
|
16
|
+
marginLeft: any;
|
|
17
|
+
marginRight: any;
|
|
18
|
+
'& .SCMediaLink-html': {
|
|
19
|
+
width: string;
|
|
20
|
+
position: string;
|
|
21
|
+
top: number;
|
|
22
|
+
'& iframe': {
|
|
23
|
+
width: string;
|
|
24
|
+
margin: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
'& .SCMediaLink-html-placeholder': {
|
|
28
|
+
width: string;
|
|
29
|
+
position: string;
|
|
30
|
+
top: number;
|
|
31
|
+
'& .SCMediaLink-html-loading': {
|
|
32
|
+
position: string;
|
|
33
|
+
display: string;
|
|
34
|
+
top: string;
|
|
35
|
+
left: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
14
39
|
'& .SCMediaLink-thumbnail': {
|
|
15
40
|
[x: number]: {
|
|
16
41
|
maxWidth: number;
|
|
@@ -51,12 +76,33 @@ declare const Component: {
|
|
|
51
76
|
previewRoot: ({ theme }: any) => {
|
|
52
77
|
'& .SCMediaLink-media': {
|
|
53
78
|
position: string;
|
|
54
|
-
|
|
79
|
+
'& .SCMediaLink-html-wrap': {
|
|
80
|
+
'& .SCMediaLink-html': {
|
|
81
|
+
width: string;
|
|
82
|
+
position: string;
|
|
83
|
+
'& iframe': {
|
|
84
|
+
width: string;
|
|
85
|
+
margin: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
'& .SCMediaLink-html-placeholder': {
|
|
89
|
+
width: string;
|
|
90
|
+
position: string;
|
|
91
|
+
top: number;
|
|
92
|
+
'& .SCMediaLink-html-loading': {
|
|
93
|
+
position: string;
|
|
94
|
+
display: string;
|
|
95
|
+
top: string;
|
|
96
|
+
left: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
55
100
|
'& .SCMediaLink-delete': {
|
|
56
101
|
background: any;
|
|
57
102
|
position: string;
|
|
58
103
|
right: any;
|
|
59
104
|
top: any;
|
|
105
|
+
zIndex: number;
|
|
60
106
|
};
|
|
61
107
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
62
108
|
background: any;
|
|
@@ -12,6 +12,33 @@ const Component = {
|
|
|
12
12
|
margin: '10px 0px',
|
|
13
13
|
height: 360
|
|
14
14
|
},
|
|
15
|
+
'& .SCMediaLink-html-wrap': {
|
|
16
|
+
position: 'relative',
|
|
17
|
+
marginLeft: theme.spacing(),
|
|
18
|
+
marginRight: theme.spacing(),
|
|
19
|
+
'& .SCMediaLink-html': {
|
|
20
|
+
width: '100%',
|
|
21
|
+
position: 'absolute',
|
|
22
|
+
top: 0,
|
|
23
|
+
// zIndex: 2,
|
|
24
|
+
'& iframe': {
|
|
25
|
+
width: '100%',
|
|
26
|
+
margin: '0px auto'
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
'& .SCMediaLink-html-placeholder': {
|
|
30
|
+
width: '100%',
|
|
31
|
+
position: 'relative',
|
|
32
|
+
top: 0,
|
|
33
|
+
// zIndex: 1,
|
|
34
|
+
'& .SCMediaLink-html-loading': {
|
|
35
|
+
position: 'absolute',
|
|
36
|
+
display: 'none',
|
|
37
|
+
top: '38%',
|
|
38
|
+
left: '50%'
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
},
|
|
15
42
|
'& .SCMediaLink-thumbnail': {
|
|
16
43
|
border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
17
44
|
borderRadius: theme.shape.borderRadius * 0.75,
|
|
@@ -52,12 +79,35 @@ const Component = {
|
|
|
52
79
|
previewRoot: ({ theme }) => ({
|
|
53
80
|
'& .SCMediaLink-media': {
|
|
54
81
|
position: 'relative',
|
|
55
|
-
|
|
82
|
+
'& .SCMediaLink-html-wrap': {
|
|
83
|
+
'& .SCMediaLink-html': {
|
|
84
|
+
width: '100%',
|
|
85
|
+
position: 'absolute',
|
|
86
|
+
// zIndex: 2,
|
|
87
|
+
'& iframe': {
|
|
88
|
+
width: '100%',
|
|
89
|
+
margin: '0px auto'
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
'& .SCMediaLink-html-placeholder': {
|
|
93
|
+
width: '100%',
|
|
94
|
+
position: 'absolute',
|
|
95
|
+
top: 0,
|
|
96
|
+
// zIndex: 1,
|
|
97
|
+
'& .SCMediaLink-html-loading': {
|
|
98
|
+
position: 'absolute',
|
|
99
|
+
display: 'none',
|
|
100
|
+
top: '40%',
|
|
101
|
+
left: '50%'
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
56
105
|
'& .SCMediaLink-delete': {
|
|
57
106
|
background: theme.palette.common.white,
|
|
58
107
|
position: 'absolute',
|
|
59
108
|
right: theme.spacing(0.5),
|
|
60
|
-
top: theme.spacing(0.5)
|
|
109
|
+
top: theme.spacing(0.5),
|
|
110
|
+
zIndex: 3
|
|
61
111
|
},
|
|
62
112
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
63
113
|
background: theme.palette.common.white,
|
|
@@ -317,17 +317,16 @@ declare const Component: {
|
|
|
317
317
|
borderRadius: number;
|
|
318
318
|
background: string;
|
|
319
319
|
boxShadow: string;
|
|
320
|
+
display: string;
|
|
321
|
+
flexDirection: string;
|
|
320
322
|
};
|
|
321
323
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
322
324
|
alignSelf: string;
|
|
323
325
|
};
|
|
324
326
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
325
|
-
|
|
326
|
-
top: number;
|
|
327
|
-
};
|
|
327
|
+
position: string;
|
|
328
328
|
top: number;
|
|
329
329
|
display: string;
|
|
330
|
-
position: string;
|
|
331
330
|
marginLeft: any;
|
|
332
331
|
'& > .MuiBadge-root > img': {
|
|
333
332
|
height: any;
|
|
@@ -348,9 +347,11 @@ declare const Component: {
|
|
|
348
347
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
349
348
|
[x: number]: {
|
|
350
349
|
top: number;
|
|
350
|
+
left: number;
|
|
351
351
|
};
|
|
352
352
|
top: number;
|
|
353
353
|
left: number;
|
|
354
|
+
height: number;
|
|
354
355
|
position: string;
|
|
355
356
|
display: string;
|
|
356
357
|
marginLeft: any;
|