@selfcommunity/react-theme-default 0.1.50-events.65 → 0.1.50-events.67
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/SCEventLocationWidget.d.ts +2 -8
- package/lib/cjs/components/SCEventLocationWidget.js +2 -8
- package/lib/cjs/components/SCEventMembersWidget.d.ts +7 -9
- package/lib/cjs/components/SCEventMembersWidget.js +10 -12
- package/lib/cjs/components/SCMediaShare.d.ts +6 -1
- package/lib/cjs/components/SCMediaShare.js +6 -1
- package/lib/cjs/components/SCRelatedEventsWidget.d.ts +16 -6
- package/lib/cjs/components/SCRelatedEventsWidget.js +18 -8
- package/lib/cjs/components/SCSuggestedEventsWidget.js +1 -1
- package/lib/cjs/index.d.ts +35 -26
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/SCEventLocationWidget.d.ts +2 -8
- package/lib/esm/components/SCEventLocationWidget.js +2 -8
- package/lib/esm/components/SCEventMembersWidget.d.ts +7 -9
- package/lib/esm/components/SCEventMembersWidget.js +10 -12
- package/lib/esm/components/SCMediaShare.d.ts +6 -1
- package/lib/esm/components/SCMediaShare.js +6 -1
- package/lib/esm/components/SCRelatedEventsWidget.d.ts +16 -6
- package/lib/esm/components/SCRelatedEventsWidget.js +18 -8
- package/lib/esm/components/SCSuggestedEventsWidget.js +1 -1
- package/lib/esm/index.d.ts +35 -26
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
[x: number]: {
|
|
5
|
-
width: number;
|
|
6
|
-
};
|
|
7
4
|
'& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
|
|
8
5
|
fontWeight: any;
|
|
9
6
|
};
|
|
10
7
|
'& .SCEventLocationWidget-map': {
|
|
11
8
|
marginBottom: any;
|
|
12
|
-
|
|
9
|
+
minHeight: number;
|
|
13
10
|
width: string;
|
|
14
11
|
};
|
|
15
12
|
};
|
|
16
13
|
skeletonRoot: ({ theme }: any) => {
|
|
17
|
-
[x: number]: {
|
|
18
|
-
width: number;
|
|
19
|
-
};
|
|
20
14
|
'& .SCEventLocationWidget-skeleton-map': {
|
|
21
15
|
margin: any;
|
|
22
|
-
|
|
16
|
+
minHeight: number;
|
|
23
17
|
width: string;
|
|
24
18
|
};
|
|
25
19
|
};
|
|
@@ -3,26 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
-
[theme.breakpoints.up('sm')]: {
|
|
7
|
-
width: 470
|
|
8
|
-
},
|
|
9
6
|
'& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
|
|
10
7
|
fontWeight: theme.typography.fontWeightBold
|
|
11
8
|
// marginBottom: theme.spacing(0.5)
|
|
12
9
|
},
|
|
13
10
|
'& .SCEventLocationWidget-map': {
|
|
14
11
|
marginBottom: theme.spacing(1),
|
|
15
|
-
|
|
12
|
+
minHeight: 248,
|
|
16
13
|
width: '100%'
|
|
17
14
|
}
|
|
18
15
|
}),
|
|
19
16
|
skeletonRoot: ({ theme }) => ({
|
|
20
|
-
[theme.breakpoints.up('sm')]: {
|
|
21
|
-
width: 470
|
|
22
|
-
},
|
|
23
17
|
'& .SCEventLocationWidget-skeleton-map': {
|
|
24
18
|
margin: theme.spacing(1, 0, 1, 0),
|
|
25
|
-
|
|
19
|
+
minHeight: 248,
|
|
26
20
|
width: '100%'
|
|
27
21
|
}
|
|
28
22
|
})
|
|
@@ -18,11 +18,9 @@ declare const Component: {
|
|
|
18
18
|
'& .SCEventMembersWidget-tab-panel': {
|
|
19
19
|
padding: string;
|
|
20
20
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
justifyContent: string;
|
|
25
|
-
'& .SCSuggestedEventsWidget-actionButton': {
|
|
21
|
+
'& .SCEventMembersWidget-action-button': {
|
|
22
|
+
left: string;
|
|
23
|
+
transform: string;
|
|
26
24
|
color: any;
|
|
27
25
|
};
|
|
28
26
|
};
|
|
@@ -45,10 +43,10 @@ declare const Component: {
|
|
|
45
43
|
'& .SCEventMembersWidget-tab-panel': {
|
|
46
44
|
padding: string;
|
|
47
45
|
};
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
46
|
+
'& .SCEventMembersWidget-action-button': {
|
|
47
|
+
left: string;
|
|
48
|
+
transform: string;
|
|
49
|
+
};
|
|
52
50
|
};
|
|
53
51
|
};
|
|
54
52
|
dialogRoot: ({ theme }: {
|
|
@@ -4,7 +4,7 @@ const Component = {
|
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
'& .SCEventMembersWidget-content': {
|
|
7
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2)}
|
|
7
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)}}`,
|
|
8
8
|
'& .SCEventMembersWidget-title': {
|
|
9
9
|
marginBottom: '18px'
|
|
10
10
|
},
|
|
@@ -17,19 +17,17 @@ const Component = {
|
|
|
17
17
|
},
|
|
18
18
|
'& .SCEventMembersWidget-tab-panel': {
|
|
19
19
|
padding: `${theme.spacing(4)} 0 0`
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
justifyContent: 'center',
|
|
25
|
-
'& .SCSuggestedEventsWidget-actionButton': {
|
|
20
|
+
},
|
|
21
|
+
'& .SCEventMembersWidget-action-button': {
|
|
22
|
+
left: '50%',
|
|
23
|
+
transform: 'translate(-50%)',
|
|
26
24
|
color: theme.palette.primary.main
|
|
27
25
|
}
|
|
28
26
|
}
|
|
29
27
|
}),
|
|
30
28
|
skeletonRoot: ({ theme }) => ({
|
|
31
29
|
'& .SCEventMembersWidget-content': {
|
|
32
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2)}
|
|
30
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
|
|
33
31
|
'& .SCEventMembersWidget-title': {
|
|
34
32
|
marginBottom: '18px'
|
|
35
33
|
},
|
|
@@ -42,11 +40,11 @@ const Component = {
|
|
|
42
40
|
},
|
|
43
41
|
'& .SCEventMembersWidget-tab-panel': {
|
|
44
42
|
padding: `${theme.spacing(4)} 0 0`
|
|
43
|
+
},
|
|
44
|
+
'& .SCEventMembersWidget-action-button': {
|
|
45
|
+
left: '50%',
|
|
46
|
+
transform: 'translate(-50%)'
|
|
45
47
|
}
|
|
46
|
-
},
|
|
47
|
-
'& .SCEventMembersWidget-actions': {
|
|
48
|
-
padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
49
|
-
justifyContent: 'center'
|
|
50
48
|
}
|
|
51
49
|
}),
|
|
52
50
|
dialogRoot: ({ theme }) => ({
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
|
-
displayRoot: ({ theme }) => ({
|
|
5
|
+
displayRoot: ({ theme }) => ({
|
|
6
|
+
'& .SCMediaShare-share-preview': {
|
|
7
|
+
paddingLeft: theme.spacing(),
|
|
8
|
+
paddingRight: theme.spacing()
|
|
9
|
+
}
|
|
10
|
+
})
|
|
6
11
|
}
|
|
7
12
|
};
|
|
8
13
|
exports.default = Component;
|
|
@@ -5,15 +5,25 @@ declare const Component: {
|
|
|
5
5
|
}) => {
|
|
6
6
|
'& .SCRelatedEventsWidget-content': {
|
|
7
7
|
padding: string;
|
|
8
|
-
'& .SCRelatedEventsWidget-
|
|
8
|
+
'& .SCRelatedEventsWidget-header': {
|
|
9
9
|
flexDirection: string;
|
|
10
|
+
justifyContent: string;
|
|
10
11
|
alignItems: string;
|
|
11
|
-
gap: any;
|
|
12
12
|
marginBottom: any;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
color: string;
|
|
17
|
+
padding: number;
|
|
18
|
+
minWidth: string;
|
|
19
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
20
|
+
width: any;
|
|
21
|
+
height: any;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: number;
|
|
26
|
+
lineHeight: string;
|
|
17
27
|
};
|
|
18
28
|
};
|
|
19
29
|
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
@@ -5,15 +5,25 @@ const Component = {
|
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
'& .SCRelatedEventsWidget-content': {
|
|
7
7
|
padding: `10px ${theme.spacing(2)} 12px`,
|
|
8
|
-
'& .SCRelatedEventsWidget-
|
|
8
|
+
'& .SCRelatedEventsWidget-header': {
|
|
9
9
|
flexDirection: 'row',
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
marginBottom: theme.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
justifyContent: 'flex-start',
|
|
11
|
+
alignItems: 'flex-start',
|
|
12
|
+
marginBottom: theme.padding(2),
|
|
13
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
color: 'inherit',
|
|
17
|
+
padding: 0,
|
|
18
|
+
minWidth: 'auto',
|
|
19
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
20
|
+
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
21
|
+
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: 7,
|
|
26
|
+
lineHeight: '28px'
|
|
17
27
|
}
|
|
18
28
|
},
|
|
19
29
|
'& .SCRelatedEventsWidget-event-wrapper': {
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -3334,6 +3334,16 @@ declare const theme: {
|
|
|
3334
3334
|
triggerRoot: ({ theme }: any) => {};
|
|
3335
3335
|
};
|
|
3336
3336
|
};
|
|
3337
|
+
SCMediaShare: {
|
|
3338
|
+
styleOverrides: {
|
|
3339
|
+
displayRoot: ({ theme }: any) => {
|
|
3340
|
+
'& .SCMediaShare-share-preview': {
|
|
3341
|
+
paddingLeft: any;
|
|
3342
|
+
paddingRight: any;
|
|
3343
|
+
};
|
|
3344
|
+
};
|
|
3345
|
+
};
|
|
3346
|
+
};
|
|
3337
3347
|
SCNavigationSettingsIconButton: {
|
|
3338
3348
|
styleOverrides: {
|
|
3339
3349
|
menuRoot: ({ theme }: any) => {
|
|
@@ -6413,25 +6423,19 @@ declare const theme: {
|
|
|
6413
6423
|
SCEventLocationWidget: {
|
|
6414
6424
|
styleOverrides: {
|
|
6415
6425
|
root: ({ theme }: any) => {
|
|
6416
|
-
[x: number]: {
|
|
6417
|
-
width: number;
|
|
6418
|
-
};
|
|
6419
6426
|
'& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
|
|
6420
6427
|
fontWeight: any;
|
|
6421
6428
|
};
|
|
6422
6429
|
'& .SCEventLocationWidget-map': {
|
|
6423
6430
|
marginBottom: any;
|
|
6424
|
-
|
|
6431
|
+
minHeight: number;
|
|
6425
6432
|
width: string;
|
|
6426
6433
|
};
|
|
6427
6434
|
};
|
|
6428
6435
|
skeletonRoot: ({ theme }: any) => {
|
|
6429
|
-
[x: number]: {
|
|
6430
|
-
width: number;
|
|
6431
|
-
};
|
|
6432
6436
|
'& .SCEventLocationWidget-skeleton-map': {
|
|
6433
6437
|
margin: any;
|
|
6434
|
-
|
|
6438
|
+
minHeight: number;
|
|
6435
6439
|
width: string;
|
|
6436
6440
|
};
|
|
6437
6441
|
};
|
|
@@ -7252,11 +7256,9 @@ declare const theme: {
|
|
|
7252
7256
|
'& .SCEventMembersWidget-tab-panel': {
|
|
7253
7257
|
padding: string;
|
|
7254
7258
|
};
|
|
7255
|
-
|
|
7256
|
-
|
|
7257
|
-
|
|
7258
|
-
justifyContent: string;
|
|
7259
|
-
'& .SCSuggestedEventsWidget-actionButton': {
|
|
7259
|
+
'& .SCEventMembersWidget-action-button': {
|
|
7260
|
+
left: string;
|
|
7261
|
+
transform: string;
|
|
7260
7262
|
color: any;
|
|
7261
7263
|
};
|
|
7262
7264
|
};
|
|
@@ -7279,10 +7281,10 @@ declare const theme: {
|
|
|
7279
7281
|
'& .SCEventMembersWidget-tab-panel': {
|
|
7280
7282
|
padding: string;
|
|
7281
7283
|
};
|
|
7282
|
-
|
|
7283
|
-
|
|
7284
|
-
|
|
7285
|
-
|
|
7284
|
+
'& .SCEventMembersWidget-action-button': {
|
|
7285
|
+
left: string;
|
|
7286
|
+
transform: string;
|
|
7287
|
+
};
|
|
7286
7288
|
};
|
|
7287
7289
|
};
|
|
7288
7290
|
dialogRoot: ({ theme }: {
|
|
@@ -7302,20 +7304,27 @@ declare const theme: {
|
|
|
7302
7304
|
root: ({ theme }: {
|
|
7303
7305
|
theme: any;
|
|
7304
7306
|
}) => {
|
|
7305
|
-
/**
|
|
7306
|
-
* Style fragments - Imports - Start
|
|
7307
|
-
*/
|
|
7308
7307
|
'& .SCRelatedEventsWidget-content': {
|
|
7309
7308
|
padding: string;
|
|
7310
|
-
'& .SCRelatedEventsWidget-
|
|
7309
|
+
'& .SCRelatedEventsWidget-header': {
|
|
7311
7310
|
flexDirection: string;
|
|
7311
|
+
justifyContent: string;
|
|
7312
7312
|
alignItems: string;
|
|
7313
|
-
gap: any;
|
|
7314
7313
|
marginBottom: any;
|
|
7315
|
-
|
|
7316
|
-
|
|
7317
|
-
|
|
7318
|
-
|
|
7314
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
7315
|
+
flexDirection: string;
|
|
7316
|
+
alignItems: string;
|
|
7317
|
+
color: string;
|
|
7318
|
+
padding: number;
|
|
7319
|
+
minWidth: string;
|
|
7320
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
7321
|
+
width: any;
|
|
7322
|
+
height: any;
|
|
7323
|
+
};
|
|
7324
|
+
};
|
|
7325
|
+
'& h4': {
|
|
7326
|
+
marginLeft: number;
|
|
7327
|
+
lineHeight: string;
|
|
7319
7328
|
};
|
|
7320
7329
|
};
|
|
7321
7330
|
'& .SCRelatedEventsWidget-event-wrapper': {
|
package/lib/cjs/index.js
CHANGED
|
@@ -109,6 +109,7 @@ const SCLoyaltyProgramWidget_1 = tslib_1.__importDefault(require("./components/S
|
|
|
109
109
|
const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMainFeedTemplate"));
|
|
110
110
|
const SCMediaFile_1 = tslib_1.__importDefault(require("./components/SCMediaFile"));
|
|
111
111
|
const SCMediaLink_1 = tslib_1.__importDefault(require("./components/SCMediaLink"));
|
|
112
|
+
const SCMediaShare_1 = tslib_1.__importDefault(require("./components/SCMediaShare"));
|
|
112
113
|
const SCMyEventsWidget_1 = tslib_1.__importDefault(require("./components/SCMyEventsWidget"));
|
|
113
114
|
const SCNavigationMenuIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuIconButton"));
|
|
114
115
|
const SCNavigationSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationSettingsIconButton"));
|
|
@@ -282,6 +283,7 @@ const theme = {
|
|
|
282
283
|
SCLoyaltyProgramDetailTemplate: SCLoyaltyProgramDetailTemplate_1.default,
|
|
283
284
|
SCMediaFile: SCMediaFile_1.default,
|
|
284
285
|
SCMediaLink: SCMediaLink_1.default,
|
|
286
|
+
SCMediaShare: SCMediaShare_1.default,
|
|
285
287
|
SCNavigationSettingsIconButton: SCNavigationSettingsIconButton_1.default,
|
|
286
288
|
SCDefaultHeaderContent: SCDefaultHeaderContent_1.default,
|
|
287
289
|
SCNavigationToolbar: SCNavigationToolbar_1.default,
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
[x: number]: {
|
|
5
|
-
width: number;
|
|
6
|
-
};
|
|
7
4
|
'& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
|
|
8
5
|
fontWeight: any;
|
|
9
6
|
};
|
|
10
7
|
'& .SCEventLocationWidget-map': {
|
|
11
8
|
marginBottom: any;
|
|
12
|
-
|
|
9
|
+
minHeight: number;
|
|
13
10
|
width: string;
|
|
14
11
|
};
|
|
15
12
|
};
|
|
16
13
|
skeletonRoot: ({ theme }: any) => {
|
|
17
|
-
[x: number]: {
|
|
18
|
-
width: number;
|
|
19
|
-
};
|
|
20
14
|
'& .SCEventLocationWidget-skeleton-map': {
|
|
21
15
|
margin: any;
|
|
22
|
-
|
|
16
|
+
minHeight: number;
|
|
23
17
|
width: string;
|
|
24
18
|
};
|
|
25
19
|
};
|
|
@@ -1,26 +1,20 @@
|
|
|
1
1
|
const Component = {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
|
-
[theme.breakpoints.up('sm')]: {
|
|
5
|
-
width: 470
|
|
6
|
-
},
|
|
7
4
|
'& .SCEventLocationWidget-title, & .SCEventLocationWidget-location-title': {
|
|
8
5
|
fontWeight: theme.typography.fontWeightBold
|
|
9
6
|
// marginBottom: theme.spacing(0.5)
|
|
10
7
|
},
|
|
11
8
|
'& .SCEventLocationWidget-map': {
|
|
12
9
|
marginBottom: theme.spacing(1),
|
|
13
|
-
|
|
10
|
+
minHeight: 248,
|
|
14
11
|
width: '100%'
|
|
15
12
|
}
|
|
16
13
|
}),
|
|
17
14
|
skeletonRoot: ({ theme }) => ({
|
|
18
|
-
[theme.breakpoints.up('sm')]: {
|
|
19
|
-
width: 470
|
|
20
|
-
},
|
|
21
15
|
'& .SCEventLocationWidget-skeleton-map': {
|
|
22
16
|
margin: theme.spacing(1, 0, 1, 0),
|
|
23
|
-
|
|
17
|
+
minHeight: 248,
|
|
24
18
|
width: '100%'
|
|
25
19
|
}
|
|
26
20
|
})
|
|
@@ -18,11 +18,9 @@ declare const Component: {
|
|
|
18
18
|
'& .SCEventMembersWidget-tab-panel': {
|
|
19
19
|
padding: string;
|
|
20
20
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
justifyContent: string;
|
|
25
|
-
'& .SCSuggestedEventsWidget-actionButton': {
|
|
21
|
+
'& .SCEventMembersWidget-action-button': {
|
|
22
|
+
left: string;
|
|
23
|
+
transform: string;
|
|
26
24
|
color: any;
|
|
27
25
|
};
|
|
28
26
|
};
|
|
@@ -45,10 +43,10 @@ declare const Component: {
|
|
|
45
43
|
'& .SCEventMembersWidget-tab-panel': {
|
|
46
44
|
padding: string;
|
|
47
45
|
};
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
46
|
+
'& .SCEventMembersWidget-action-button': {
|
|
47
|
+
left: string;
|
|
48
|
+
transform: string;
|
|
49
|
+
};
|
|
52
50
|
};
|
|
53
51
|
};
|
|
54
52
|
dialogRoot: ({ theme }: {
|
|
@@ -2,7 +2,7 @@ const Component = {
|
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
'& .SCEventMembersWidget-content': {
|
|
5
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2)}
|
|
5
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)}}`,
|
|
6
6
|
'& .SCEventMembersWidget-title': {
|
|
7
7
|
marginBottom: '18px'
|
|
8
8
|
},
|
|
@@ -15,19 +15,17 @@ const Component = {
|
|
|
15
15
|
},
|
|
16
16
|
'& .SCEventMembersWidget-tab-panel': {
|
|
17
17
|
padding: `${theme.spacing(4)} 0 0`
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
justifyContent: 'center',
|
|
23
|
-
'& .SCSuggestedEventsWidget-actionButton': {
|
|
18
|
+
},
|
|
19
|
+
'& .SCEventMembersWidget-action-button': {
|
|
20
|
+
left: '50%',
|
|
21
|
+
transform: 'translate(-50%)',
|
|
24
22
|
color: theme.palette.primary.main
|
|
25
23
|
}
|
|
26
24
|
}
|
|
27
25
|
}),
|
|
28
26
|
skeletonRoot: ({ theme }) => ({
|
|
29
27
|
'& .SCEventMembersWidget-content': {
|
|
30
|
-
padding: `${theme.spacing(2)} ${theme.spacing(2)}
|
|
28
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
|
|
31
29
|
'& .SCEventMembersWidget-title': {
|
|
32
30
|
marginBottom: '18px'
|
|
33
31
|
},
|
|
@@ -40,11 +38,11 @@ const Component = {
|
|
|
40
38
|
},
|
|
41
39
|
'& .SCEventMembersWidget-tab-panel': {
|
|
42
40
|
padding: `${theme.spacing(4)} 0 0`
|
|
41
|
+
},
|
|
42
|
+
'& .SCEventMembersWidget-action-button': {
|
|
43
|
+
left: '50%',
|
|
44
|
+
transform: 'translate(-50%)'
|
|
43
45
|
}
|
|
44
|
-
},
|
|
45
|
-
'& .SCEventMembersWidget-actions': {
|
|
46
|
-
padding: `0 ${theme.spacing(2)} ${theme.spacing(3)}`,
|
|
47
|
-
justifyContent: 'center'
|
|
48
46
|
}
|
|
49
47
|
}),
|
|
50
48
|
dialogRoot: ({ theme }) => ({
|
|
@@ -5,15 +5,25 @@ declare const Component: {
|
|
|
5
5
|
}) => {
|
|
6
6
|
'& .SCRelatedEventsWidget-content': {
|
|
7
7
|
padding: string;
|
|
8
|
-
'& .SCRelatedEventsWidget-
|
|
8
|
+
'& .SCRelatedEventsWidget-header': {
|
|
9
9
|
flexDirection: string;
|
|
10
|
+
justifyContent: string;
|
|
10
11
|
alignItems: string;
|
|
11
|
-
gap: any;
|
|
12
12
|
marginBottom: any;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
color: string;
|
|
17
|
+
padding: number;
|
|
18
|
+
minWidth: string;
|
|
19
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
20
|
+
width: any;
|
|
21
|
+
height: any;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: number;
|
|
26
|
+
lineHeight: string;
|
|
17
27
|
};
|
|
18
28
|
};
|
|
19
29
|
'& .SCRelatedEventsWidget-event-wrapper': {
|
|
@@ -3,15 +3,25 @@ const Component = {
|
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
'& .SCRelatedEventsWidget-content': {
|
|
5
5
|
padding: `10px ${theme.spacing(2)} 12px`,
|
|
6
|
-
'& .SCRelatedEventsWidget-
|
|
6
|
+
'& .SCRelatedEventsWidget-header': {
|
|
7
7
|
flexDirection: 'row',
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
marginBottom: theme.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
justifyContent: 'flex-start',
|
|
9
|
+
alignItems: 'flex-start',
|
|
10
|
+
marginBottom: theme.padding(2),
|
|
11
|
+
'& .SCRelatedEventsWidget-avatar-wrapper': {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
color: 'inherit',
|
|
15
|
+
padding: 0,
|
|
16
|
+
minWidth: 'auto',
|
|
17
|
+
'& .SCRelatedEventsWidget-avatar': {
|
|
18
|
+
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
19
|
+
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
'& h4': {
|
|
23
|
+
marginLeft: 7,
|
|
24
|
+
lineHeight: '28px'
|
|
15
25
|
}
|
|
16
26
|
},
|
|
17
27
|
'& .SCRelatedEventsWidget-event-wrapper': {
|