@selfcommunity/react-theme-default 0.2.0-alpha.7 → 0.2.0-alpha.9
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 +5 -0
- package/lib/cjs/components/SCEventForm.js +6 -1
- package/lib/cjs/components/SCMediaLink.d.ts +51 -0
- package/lib/cjs/components/SCMediaLink.js +52 -1
- package/lib/cjs/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/cjs/components/SCOnBoardingWidget.js +8 -6
- package/lib/cjs/index.d.ts +61 -4
- package/lib/esm/components/SCEventForm.d.ts +5 -0
- package/lib/esm/components/SCEventForm.js +6 -1
- package/lib/esm/components/SCMediaLink.d.ts +51 -0
- package/lib/esm/components/SCMediaLink.js +52 -1
- package/lib/esm/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/esm/components/SCOnBoardingWidget.js +8 -6
- package/lib/esm/index.d.ts +61 -4
- 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;
|
|
@@ -85,6 +89,7 @@ declare const Component: {
|
|
|
85
89
|
};
|
|
86
90
|
};
|
|
87
91
|
'& .SCEventForm-event-address-root': {
|
|
92
|
+
marginTop: any;
|
|
88
93
|
backgroundColor: any;
|
|
89
94
|
borderRadius: number;
|
|
90
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)
|
|
@@ -88,6 +92,7 @@ const Component = {
|
|
|
88
92
|
}
|
|
89
93
|
},
|
|
90
94
|
'& .SCEventForm-event-address-root': {
|
|
95
|
+
marginTop: theme.spacing(2),
|
|
91
96
|
backgroundColor: theme.palette.grey['A200'],
|
|
92
97
|
borderRadius: 5,
|
|
93
98
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -11,6 +11,33 @@ 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
|
+
zIndex: number;
|
|
23
|
+
'& iframe': {
|
|
24
|
+
width: string;
|
|
25
|
+
margin: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
'& .SCMediaLink-html-placeholder': {
|
|
29
|
+
width: string;
|
|
30
|
+
position: string;
|
|
31
|
+
top: number;
|
|
32
|
+
zIndex: number;
|
|
33
|
+
'& .SCMediaLink-html-loading': {
|
|
34
|
+
position: string;
|
|
35
|
+
display: string;
|
|
36
|
+
top: string;
|
|
37
|
+
left: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
14
41
|
'& .SCMediaLink-thumbnail': {
|
|
15
42
|
[x: number]: {
|
|
16
43
|
maxWidth: number;
|
|
@@ -52,11 +79,35 @@ declare const Component: {
|
|
|
52
79
|
'& .SCMediaLink-media': {
|
|
53
80
|
position: string;
|
|
54
81
|
margin: any;
|
|
82
|
+
'& .SCMediaLink-html-wrap': {
|
|
83
|
+
'& .SCMediaLink-html': {
|
|
84
|
+
width: string;
|
|
85
|
+
position: string;
|
|
86
|
+
zIndex: number;
|
|
87
|
+
'& iframe': {
|
|
88
|
+
width: string;
|
|
89
|
+
margin: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
'& .SCMediaLink-html-placeholder': {
|
|
93
|
+
width: string;
|
|
94
|
+
position: string;
|
|
95
|
+
top: number;
|
|
96
|
+
zIndex: number;
|
|
97
|
+
'& .SCMediaLink-html-loading': {
|
|
98
|
+
position: string;
|
|
99
|
+
display: string;
|
|
100
|
+
top: string;
|
|
101
|
+
left: string;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
};
|
|
55
105
|
'& .SCMediaLink-delete': {
|
|
56
106
|
background: any;
|
|
57
107
|
position: string;
|
|
58
108
|
right: any;
|
|
59
109
|
top: any;
|
|
110
|
+
zIndex: number;
|
|
60
111
|
};
|
|
61
112
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
62
113
|
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: 'block',
|
|
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,
|
|
@@ -55,11 +82,35 @@ const Component = {
|
|
|
55
82
|
'& .SCMediaLink-media': {
|
|
56
83
|
position: 'relative',
|
|
57
84
|
margin: theme.spacing(1),
|
|
85
|
+
'& .SCMediaLink-html-wrap': {
|
|
86
|
+
'& .SCMediaLink-html': {
|
|
87
|
+
width: '100%',
|
|
88
|
+
position: 'absolute',
|
|
89
|
+
zIndex: 2,
|
|
90
|
+
'& iframe': {
|
|
91
|
+
width: '100%',
|
|
92
|
+
margin: '0px auto'
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
'& .SCMediaLink-html-placeholder': {
|
|
96
|
+
width: '100%',
|
|
97
|
+
position: 'absolute',
|
|
98
|
+
top: 0,
|
|
99
|
+
zIndex: 1,
|
|
100
|
+
'& .SCMediaLink-html-loading': {
|
|
101
|
+
position: 'absolute',
|
|
102
|
+
display: 'block',
|
|
103
|
+
top: '40%',
|
|
104
|
+
left: '50%'
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
},
|
|
58
108
|
'& .SCMediaLink-delete': {
|
|
59
109
|
background: theme.palette.common.white,
|
|
60
110
|
position: 'absolute',
|
|
61
111
|
right: theme.spacing(0.5),
|
|
62
|
-
top: theme.spacing(0.5)
|
|
112
|
+
top: theme.spacing(0.5),
|
|
113
|
+
zIndex: 3
|
|
63
114
|
},
|
|
64
115
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
65
116
|
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,33 @@ 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
|
+
zIndex: number;
|
|
4183
|
+
'& iframe': {
|
|
4184
|
+
width: string;
|
|
4185
|
+
margin: string;
|
|
4186
|
+
};
|
|
4187
|
+
};
|
|
4188
|
+
'& .SCMediaLink-html-placeholder': {
|
|
4189
|
+
width: string;
|
|
4190
|
+
position: string;
|
|
4191
|
+
top: number;
|
|
4192
|
+
zIndex: number;
|
|
4193
|
+
'& .SCMediaLink-html-loading': {
|
|
4194
|
+
position: string;
|
|
4195
|
+
display: string;
|
|
4196
|
+
top: string;
|
|
4197
|
+
left: string;
|
|
4198
|
+
};
|
|
4199
|
+
};
|
|
4200
|
+
};
|
|
4174
4201
|
'& .SCMediaLink-thumbnail': {
|
|
4175
4202
|
[x: number]: {
|
|
4176
4203
|
maxWidth: number;
|
|
@@ -4212,11 +4239,35 @@ declare const theme: {
|
|
|
4212
4239
|
'& .SCMediaLink-media': {
|
|
4213
4240
|
position: string;
|
|
4214
4241
|
margin: any;
|
|
4242
|
+
'& .SCMediaLink-html-wrap': {
|
|
4243
|
+
'& .SCMediaLink-html': {
|
|
4244
|
+
width: string;
|
|
4245
|
+
position: string;
|
|
4246
|
+
zIndex: number;
|
|
4247
|
+
'& iframe': {
|
|
4248
|
+
width: string;
|
|
4249
|
+
margin: string;
|
|
4250
|
+
};
|
|
4251
|
+
};
|
|
4252
|
+
'& .SCMediaLink-html-placeholder': {
|
|
4253
|
+
width: string;
|
|
4254
|
+
position: string;
|
|
4255
|
+
top: number;
|
|
4256
|
+
zIndex: number;
|
|
4257
|
+
'& .SCMediaLink-html-loading': {
|
|
4258
|
+
position: string;
|
|
4259
|
+
display: string;
|
|
4260
|
+
top: string;
|
|
4261
|
+
left: string;
|
|
4262
|
+
};
|
|
4263
|
+
};
|
|
4264
|
+
};
|
|
4215
4265
|
'& .SCMediaLink-delete': {
|
|
4216
4266
|
background: any;
|
|
4217
4267
|
position: string;
|
|
4218
4268
|
right: any;
|
|
4219
4269
|
top: any;
|
|
4270
|
+
zIndex: number;
|
|
4220
4271
|
};
|
|
4221
4272
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
4222
4273
|
background: any;
|
|
@@ -5211,17 +5262,16 @@ declare const theme: {
|
|
|
5211
5262
|
borderRadius: number;
|
|
5212
5263
|
background: string;
|
|
5213
5264
|
boxShadow: string;
|
|
5265
|
+
display: string;
|
|
5266
|
+
flexDirection: string;
|
|
5214
5267
|
};
|
|
5215
5268
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
5216
5269
|
alignSelf: string;
|
|
5217
5270
|
};
|
|
5218
5271
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
5219
|
-
|
|
5220
|
-
top: number;
|
|
5221
|
-
};
|
|
5272
|
+
position: string;
|
|
5222
5273
|
top: number;
|
|
5223
5274
|
display: string;
|
|
5224
|
-
position: string;
|
|
5225
5275
|
marginLeft: any;
|
|
5226
5276
|
'& > .MuiBadge-root > img': {
|
|
5227
5277
|
height: any;
|
|
@@ -5242,9 +5292,11 @@ declare const theme: {
|
|
|
5242
5292
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
5243
5293
|
[x: number]: {
|
|
5244
5294
|
top: number;
|
|
5295
|
+
left: number;
|
|
5245
5296
|
};
|
|
5246
5297
|
top: number;
|
|
5247
5298
|
left: number;
|
|
5299
|
+
height: number;
|
|
5248
5300
|
position: string;
|
|
5249
5301
|
display: string;
|
|
5250
5302
|
marginLeft: any;
|
|
@@ -6705,6 +6757,10 @@ declare const theme: {
|
|
|
6705
6757
|
'& .SCEventForm-form': {
|
|
6706
6758
|
'& .SCEventForm-picker': {
|
|
6707
6759
|
width: string;
|
|
6760
|
+
'& .MuiFormHelperText-root': {
|
|
6761
|
+
height: number;
|
|
6762
|
+
marginTop: number;
|
|
6763
|
+
};
|
|
6708
6764
|
};
|
|
6709
6765
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
6710
6766
|
marginBottom: any;
|
|
@@ -6770,6 +6826,7 @@ declare const theme: {
|
|
|
6770
6826
|
};
|
|
6771
6827
|
};
|
|
6772
6828
|
'& .SCEventForm-event-address-root': {
|
|
6829
|
+
marginTop: any;
|
|
6773
6830
|
backgroundColor: any;
|
|
6774
6831
|
borderRadius: number;
|
|
6775
6832
|
'& .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;
|
|
@@ -85,6 +89,7 @@ declare const Component: {
|
|
|
85
89
|
};
|
|
86
90
|
};
|
|
87
91
|
'& .SCEventForm-event-address-root': {
|
|
92
|
+
marginTop: any;
|
|
88
93
|
backgroundColor: any;
|
|
89
94
|
borderRadius: number;
|
|
90
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)
|
|
@@ -86,6 +90,7 @@ const Component = {
|
|
|
86
90
|
}
|
|
87
91
|
},
|
|
88
92
|
'& .SCEventForm-event-address-root': {
|
|
93
|
+
marginTop: theme.spacing(2),
|
|
89
94
|
backgroundColor: theme.palette.grey['A200'],
|
|
90
95
|
borderRadius: 5,
|
|
91
96
|
'& .SCEventForm-event-address-tabs': {
|
|
@@ -11,6 +11,33 @@ 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
|
+
zIndex: number;
|
|
23
|
+
'& iframe': {
|
|
24
|
+
width: string;
|
|
25
|
+
margin: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
'& .SCMediaLink-html-placeholder': {
|
|
29
|
+
width: string;
|
|
30
|
+
position: string;
|
|
31
|
+
top: number;
|
|
32
|
+
zIndex: number;
|
|
33
|
+
'& .SCMediaLink-html-loading': {
|
|
34
|
+
position: string;
|
|
35
|
+
display: string;
|
|
36
|
+
top: string;
|
|
37
|
+
left: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
14
41
|
'& .SCMediaLink-thumbnail': {
|
|
15
42
|
[x: number]: {
|
|
16
43
|
maxWidth: number;
|
|
@@ -52,11 +79,35 @@ declare const Component: {
|
|
|
52
79
|
'& .SCMediaLink-media': {
|
|
53
80
|
position: string;
|
|
54
81
|
margin: any;
|
|
82
|
+
'& .SCMediaLink-html-wrap': {
|
|
83
|
+
'& .SCMediaLink-html': {
|
|
84
|
+
width: string;
|
|
85
|
+
position: string;
|
|
86
|
+
zIndex: number;
|
|
87
|
+
'& iframe': {
|
|
88
|
+
width: string;
|
|
89
|
+
margin: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
'& .SCMediaLink-html-placeholder': {
|
|
93
|
+
width: string;
|
|
94
|
+
position: string;
|
|
95
|
+
top: number;
|
|
96
|
+
zIndex: number;
|
|
97
|
+
'& .SCMediaLink-html-loading': {
|
|
98
|
+
position: string;
|
|
99
|
+
display: string;
|
|
100
|
+
top: string;
|
|
101
|
+
left: string;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
};
|
|
55
105
|
'& .SCMediaLink-delete': {
|
|
56
106
|
background: any;
|
|
57
107
|
position: string;
|
|
58
108
|
right: any;
|
|
59
109
|
top: any;
|
|
110
|
+
zIndex: number;
|
|
60
111
|
};
|
|
61
112
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
62
113
|
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: 'block',
|
|
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,
|
|
@@ -53,11 +80,35 @@ const Component = {
|
|
|
53
80
|
'& .SCMediaLink-media': {
|
|
54
81
|
position: 'relative',
|
|
55
82
|
margin: theme.spacing(1),
|
|
83
|
+
'& .SCMediaLink-html-wrap': {
|
|
84
|
+
'& .SCMediaLink-html': {
|
|
85
|
+
width: '100%',
|
|
86
|
+
position: 'absolute',
|
|
87
|
+
zIndex: 2,
|
|
88
|
+
'& iframe': {
|
|
89
|
+
width: '100%',
|
|
90
|
+
margin: '0px auto'
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
'& .SCMediaLink-html-placeholder': {
|
|
94
|
+
width: '100%',
|
|
95
|
+
position: 'absolute',
|
|
96
|
+
top: 0,
|
|
97
|
+
zIndex: 1,
|
|
98
|
+
'& .SCMediaLink-html-loading': {
|
|
99
|
+
position: 'absolute',
|
|
100
|
+
display: 'block',
|
|
101
|
+
top: '40%',
|
|
102
|
+
left: '50%'
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
},
|
|
56
106
|
'& .SCMediaLink-delete': {
|
|
57
107
|
background: theme.palette.common.white,
|
|
58
108
|
position: 'absolute',
|
|
59
109
|
right: theme.spacing(0.5),
|
|
60
|
-
top: theme.spacing(0.5)
|
|
110
|
+
top: theme.spacing(0.5),
|
|
111
|
+
zIndex: 3
|
|
61
112
|
},
|
|
62
113
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
63
114
|
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;
|
|
@@ -316,16 +316,17 @@ const Component = {
|
|
|
316
316
|
boxShadow: 'unset',
|
|
317
317
|
[theme.breakpoints.up('md')]: {
|
|
318
318
|
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
|
|
319
|
-
}
|
|
319
|
+
},
|
|
320
|
+
display: 'flex',
|
|
321
|
+
flexDirection: 'row'
|
|
320
322
|
},
|
|
321
323
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
322
324
|
alignSelf: 'end'
|
|
323
325
|
},
|
|
324
326
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
327
|
+
position: 'relative',
|
|
325
328
|
top: 100,
|
|
326
|
-
[theme.breakpoints.up('sm')]: { top: 150 },
|
|
327
329
|
display: 'block',
|
|
328
|
-
position: 'absolute',
|
|
329
330
|
marginLeft: theme.spacing(2),
|
|
330
331
|
'& > .MuiBadge-root > img': {
|
|
331
332
|
height: theme.selfcommunity.user.avatar.sizeXLarge,
|
|
@@ -344,9 +345,10 @@ const Component = {
|
|
|
344
345
|
}
|
|
345
346
|
},
|
|
346
347
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
347
|
-
top:
|
|
348
|
-
|
|
349
|
-
left:
|
|
348
|
+
[theme.breakpoints.down('sm')]: { top: 167, left: -45 },
|
|
349
|
+
top: 165,
|
|
350
|
+
left: -40,
|
|
351
|
+
height: 28,
|
|
350
352
|
position: 'relative',
|
|
351
353
|
display: 'flex',
|
|
352
354
|
marginLeft: theme.spacing(2)
|