@selfcommunity/react-theme-default 0.1.0-alpha.320 → 0.1.0-alpha.322
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/SCCategoryTemplate.d.ts +0 -3
- package/lib/cjs/components/SCCategoryTemplate.js +0 -3
- package/lib/cjs/components/SCPrivateMessageSettingsIconButton.d.ts +8 -0
- package/lib/cjs/components/SCPrivateMessageSettingsIconButton.js +8 -0
- package/lib/cjs/components/SCPrivateMessageThreadItem.d.ts +10 -3
- package/lib/cjs/components/SCPrivateMessageThreadItem.js +11 -4
- package/lib/cjs/components/SCUserProfileHeader.d.ts +22 -6
- package/lib/cjs/components/SCUserProfileHeader.js +22 -6
- package/lib/cjs/components/SCUserProfileTemplate.d.ts +1 -3
- package/lib/cjs/components/SCUserProfileTemplate.js +1 -3
- package/lib/cjs/index.d.ts +54 -15
- package/lib/cjs/index.js +3 -1
- package/lib/esm/components/SCCategoryTemplate.d.ts +0 -3
- package/lib/esm/components/SCCategoryTemplate.js +0 -3
- package/lib/esm/components/SCPrivateMessageSettingsIconButton.d.ts +8 -0
- package/lib/esm/components/SCPrivateMessageSettingsIconButton.js +8 -0
- package/lib/esm/components/SCPrivateMessageThreadItem.d.ts +10 -3
- package/lib/esm/components/SCPrivateMessageThreadItem.js +11 -4
- package/lib/esm/components/SCUserProfileHeader.d.ts +22 -6
- package/lib/esm/components/SCUserProfileHeader.js +22 -6
- package/lib/esm/components/SCUserProfileTemplate.d.ts +1 -3
- package/lib/esm/components/SCUserProfileTemplate.js +1 -3
- package/lib/esm/index.d.ts +54 -15
- package/lib/esm/index.js +3 -1
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +3 -3
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {};
|
|
3
4
|
menuRoot: ({ theme }: any) => {
|
|
4
5
|
'& .SCNavigationSettingsIconButton-paper': {
|
|
5
6
|
maxWidth: number;
|
|
6
7
|
padding: any;
|
|
7
8
|
};
|
|
8
9
|
};
|
|
10
|
+
drawerRoot: ({ theme }: any) => {
|
|
11
|
+
'& .MuiList-root': {
|
|
12
|
+
'& a': {
|
|
13
|
+
color: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
9
17
|
};
|
|
10
18
|
};
|
|
11
19
|
export default Component;
|
|
@@ -2,11 +2,19 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({}),
|
|
5
6
|
menuRoot: ({ theme }) => ({
|
|
6
7
|
'& .SCNavigationSettingsIconButton-paper': {
|
|
7
8
|
maxWidth: 400,
|
|
8
9
|
padding: theme.spacing(2)
|
|
9
10
|
}
|
|
11
|
+
}),
|
|
12
|
+
drawerRoot: ({ theme }) => ({
|
|
13
|
+
'& .MuiList-root': {
|
|
14
|
+
'& a': {
|
|
15
|
+
color: 'inherit'
|
|
16
|
+
}
|
|
17
|
+
}
|
|
10
18
|
})
|
|
11
19
|
}
|
|
12
20
|
};
|
|
@@ -80,9 +80,10 @@ declare const Component: {
|
|
|
80
80
|
width: string;
|
|
81
81
|
};
|
|
82
82
|
'& .MuiButtonBase-root': {
|
|
83
|
+
flexWrap: string;
|
|
83
84
|
width: string;
|
|
84
85
|
position: string;
|
|
85
|
-
bottom:
|
|
86
|
+
bottom: any;
|
|
86
87
|
backgroundColor: string;
|
|
87
88
|
color: string;
|
|
88
89
|
display: string;
|
|
@@ -98,11 +99,17 @@ declare const Component: {
|
|
|
98
99
|
'& .SCPrivateMessageThreadItem-other': {
|
|
99
100
|
marginTop: any;
|
|
100
101
|
'& .MuiButtonBase-root': {
|
|
102
|
+
padding: any;
|
|
103
|
+
flexWrap: string;
|
|
101
104
|
'& .MuiTypography-root': {
|
|
102
|
-
|
|
105
|
+
[x: number]: {
|
|
106
|
+
fontSize: any;
|
|
107
|
+
};
|
|
108
|
+
marginRight: any;
|
|
103
109
|
overflow: string;
|
|
110
|
+
whiteSpace: string;
|
|
104
111
|
textOverflow: string;
|
|
105
|
-
|
|
112
|
+
maxWidth: string;
|
|
106
113
|
};
|
|
107
114
|
};
|
|
108
115
|
};
|
|
@@ -82,9 +82,10 @@ const Component = {
|
|
|
82
82
|
width: '100%'
|
|
83
83
|
},
|
|
84
84
|
'& .MuiButtonBase-root': {
|
|
85
|
-
|
|
85
|
+
flexWrap: 'wrap',
|
|
86
|
+
width: 'calc(100% - 24px)',
|
|
86
87
|
position: 'absolute',
|
|
87
|
-
bottom:
|
|
88
|
+
bottom: theme.spacing(4),
|
|
88
89
|
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
89
90
|
color: 'rgba(255,255,255,0.9)',
|
|
90
91
|
display: 'flex',
|
|
@@ -100,11 +101,17 @@ const Component = {
|
|
|
100
101
|
'& .SCPrivateMessageThreadItem-other': {
|
|
101
102
|
marginTop: theme.spacing(2),
|
|
102
103
|
'& .MuiButtonBase-root': {
|
|
104
|
+
padding: theme.spacing(2, 1, 0, 1),
|
|
105
|
+
flexWrap: 'wrap',
|
|
103
106
|
'& .MuiTypography-root': {
|
|
104
|
-
|
|
107
|
+
marginRight: theme.spacing(1),
|
|
105
108
|
overflow: 'hidden',
|
|
109
|
+
whiteSpace: 'nowrap',
|
|
106
110
|
textOverflow: 'ellipsis',
|
|
107
|
-
|
|
111
|
+
maxWidth: '100%',
|
|
112
|
+
[theme.breakpoints.down('md')]: {
|
|
113
|
+
fontSize: theme.typography.fontSize
|
|
114
|
+
}
|
|
108
115
|
}
|
|
109
116
|
}
|
|
110
117
|
}
|
|
@@ -63,6 +63,11 @@ declare const Component: {
|
|
|
63
63
|
};
|
|
64
64
|
skeletonRoot: ({ theme }: any) => {
|
|
65
65
|
position: string;
|
|
66
|
+
'& .SCUserProfileHeader-cover': {
|
|
67
|
+
[x: number]: {
|
|
68
|
+
margin: any;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
66
71
|
'& .SCUserProfileHeader-avatar': {
|
|
67
72
|
display: string;
|
|
68
73
|
position: string;
|
|
@@ -72,12 +77,23 @@ declare const Component: {
|
|
|
72
77
|
border: string;
|
|
73
78
|
};
|
|
74
79
|
};
|
|
75
|
-
'& .SCUserProfileHeader-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
'& .SCUserProfileHeader-section': {
|
|
81
|
+
display: string;
|
|
82
|
+
justifyContent: string;
|
|
83
|
+
'& .SCUserProfileHeader-username': {
|
|
84
|
+
marginTop: number;
|
|
85
|
+
textAlign: string;
|
|
86
|
+
"& .MuiSkeleton-root": {
|
|
87
|
+
position: string;
|
|
88
|
+
marginLeft: any;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
'& .SCUserProfileHeader-actions': {
|
|
92
|
+
[x: number]: {
|
|
93
|
+
margin: any;
|
|
94
|
+
};
|
|
95
|
+
height: string;
|
|
96
|
+
marginTop: any;
|
|
81
97
|
};
|
|
82
98
|
};
|
|
83
99
|
};
|
|
@@ -65,6 +65,11 @@ const Component = {
|
|
|
65
65
|
}),
|
|
66
66
|
skeletonRoot: ({ theme }) => ({
|
|
67
67
|
position: 'relative',
|
|
68
|
+
'& .SCUserProfileHeader-cover': {
|
|
69
|
+
[theme.breakpoints.up('lg')]: {
|
|
70
|
+
margin: theme.spacing(0, -5, 0, -5)
|
|
71
|
+
}
|
|
72
|
+
},
|
|
68
73
|
'& .SCUserProfileHeader-avatar': {
|
|
69
74
|
display: 'block',
|
|
70
75
|
position: 'absolute',
|
|
@@ -74,12 +79,23 @@ const Component = {
|
|
|
74
79
|
border: '#FFF solid 5px'
|
|
75
80
|
}
|
|
76
81
|
},
|
|
77
|
-
'& .SCUserProfileHeader-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
'& .SCUserProfileHeader-section': {
|
|
83
|
+
display: 'flex',
|
|
84
|
+
justifyContent: 'space-between',
|
|
85
|
+
'& .SCUserProfileHeader-username': {
|
|
86
|
+
marginTop: 60,
|
|
87
|
+
textAlign: 'start',
|
|
88
|
+
[`& .MuiSkeleton-root`]: {
|
|
89
|
+
position: 'absolute',
|
|
90
|
+
marginLeft: theme.spacing(4)
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
'& .SCUserProfileHeader-actions': {
|
|
94
|
+
[theme.breakpoints.up('md')]: {
|
|
95
|
+
margin: theme.spacing(1, 2, 2, 2)
|
|
96
|
+
},
|
|
97
|
+
height: 'fit-content',
|
|
98
|
+
marginTop: theme.spacing(1)
|
|
83
99
|
}
|
|
84
100
|
}
|
|
85
101
|
})
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -728,9 +728,6 @@ declare const theme: {
|
|
|
728
728
|
SCCategoryTemplate: {
|
|
729
729
|
styleOverrides: {
|
|
730
730
|
root: ({ theme }: any) => {
|
|
731
|
-
[x: number]: {
|
|
732
|
-
marginTop: any;
|
|
733
|
-
};
|
|
734
731
|
marginTop: number;
|
|
735
732
|
'& .SCCategoryTemplate-feed': {
|
|
736
733
|
marginTop: any;
|
|
@@ -1592,6 +1589,9 @@ declare const theme: {
|
|
|
1592
1589
|
'& .MuiButtonBase-root': {
|
|
1593
1590
|
margin: any;
|
|
1594
1591
|
padding: any;
|
|
1592
|
+
/**
|
|
1593
|
+
* Style fragments - Imports - End
|
|
1594
|
+
*/
|
|
1595
1595
|
fontSize: string;
|
|
1596
1596
|
border: number;
|
|
1597
1597
|
borderRadius: number;
|
|
@@ -4170,6 +4170,11 @@ declare const theme: {
|
|
|
4170
4170
|
};
|
|
4171
4171
|
skeletonRoot: ({ theme }: any) => {
|
|
4172
4172
|
position: string;
|
|
4173
|
+
'& .SCUserProfileHeader-cover': {
|
|
4174
|
+
[x: number]: {
|
|
4175
|
+
margin: any;
|
|
4176
|
+
};
|
|
4177
|
+
};
|
|
4173
4178
|
'& .SCUserProfileHeader-avatar': {
|
|
4174
4179
|
display: string;
|
|
4175
4180
|
position: string;
|
|
@@ -4179,12 +4184,23 @@ declare const theme: {
|
|
|
4179
4184
|
border: string;
|
|
4180
4185
|
};
|
|
4181
4186
|
};
|
|
4182
|
-
'& .SCUserProfileHeader-
|
|
4183
|
-
|
|
4184
|
-
|
|
4185
|
-
|
|
4186
|
-
|
|
4187
|
-
|
|
4187
|
+
'& .SCUserProfileHeader-section': {
|
|
4188
|
+
display: string;
|
|
4189
|
+
justifyContent: string;
|
|
4190
|
+
'& .SCUserProfileHeader-username': {
|
|
4191
|
+
marginTop: number;
|
|
4192
|
+
textAlign: string;
|
|
4193
|
+
"& .MuiSkeleton-root": {
|
|
4194
|
+
position: string;
|
|
4195
|
+
marginLeft: any;
|
|
4196
|
+
};
|
|
4197
|
+
};
|
|
4198
|
+
'& .SCUserProfileHeader-actions': {
|
|
4199
|
+
[x: number]: {
|
|
4200
|
+
margin: any;
|
|
4201
|
+
};
|
|
4202
|
+
height: string;
|
|
4203
|
+
marginTop: any;
|
|
4188
4204
|
};
|
|
4189
4205
|
};
|
|
4190
4206
|
};
|
|
@@ -4291,9 +4307,7 @@ declare const theme: {
|
|
|
4291
4307
|
marginTop: any;
|
|
4292
4308
|
};
|
|
4293
4309
|
};
|
|
4294
|
-
skeletonRoot: ({ theme }: any) => {
|
|
4295
|
-
marginTop: any;
|
|
4296
|
-
};
|
|
4310
|
+
skeletonRoot: ({ theme }: any) => {};
|
|
4297
4311
|
};
|
|
4298
4312
|
};
|
|
4299
4313
|
SCVoteButton: {
|
|
@@ -4784,9 +4798,10 @@ declare const theme: {
|
|
|
4784
4798
|
width: string;
|
|
4785
4799
|
};
|
|
4786
4800
|
'& .MuiButtonBase-root': {
|
|
4801
|
+
flexWrap: string;
|
|
4787
4802
|
width: string;
|
|
4788
4803
|
position: string;
|
|
4789
|
-
bottom:
|
|
4804
|
+
bottom: any;
|
|
4790
4805
|
backgroundColor: string;
|
|
4791
4806
|
color: string;
|
|
4792
4807
|
display: string;
|
|
@@ -4802,11 +4817,17 @@ declare const theme: {
|
|
|
4802
4817
|
'& .SCPrivateMessageThreadItem-other': {
|
|
4803
4818
|
marginTop: any;
|
|
4804
4819
|
'& .MuiButtonBase-root': {
|
|
4820
|
+
padding: any;
|
|
4821
|
+
flexWrap: string;
|
|
4805
4822
|
'& .MuiTypography-root': {
|
|
4806
|
-
|
|
4823
|
+
[x: number]: {
|
|
4824
|
+
fontSize: any;
|
|
4825
|
+
};
|
|
4826
|
+
marginRight: any;
|
|
4807
4827
|
overflow: string;
|
|
4828
|
+
whiteSpace: string;
|
|
4808
4829
|
textOverflow: string;
|
|
4809
|
-
|
|
4830
|
+
maxWidth: string;
|
|
4810
4831
|
};
|
|
4811
4832
|
};
|
|
4812
4833
|
};
|
|
@@ -5449,6 +5470,24 @@ declare const theme: {
|
|
|
5449
5470
|
};
|
|
5450
5471
|
};
|
|
5451
5472
|
};
|
|
5473
|
+
SCPrivateMessageSettingsIconButton: {
|
|
5474
|
+
styleOverrides: {
|
|
5475
|
+
root: ({ theme }: any) => {};
|
|
5476
|
+
menuRoot: ({ theme }: any) => {
|
|
5477
|
+
'& .SCNavigationSettingsIconButton-paper': {
|
|
5478
|
+
maxWidth: number;
|
|
5479
|
+
padding: any;
|
|
5480
|
+
};
|
|
5481
|
+
};
|
|
5482
|
+
drawerRoot: ({ theme }: any) => {
|
|
5483
|
+
'& .MuiList-root': {
|
|
5484
|
+
'& a': {
|
|
5485
|
+
color: string;
|
|
5486
|
+
};
|
|
5487
|
+
};
|
|
5488
|
+
};
|
|
5489
|
+
};
|
|
5490
|
+
};
|
|
5452
5491
|
};
|
|
5453
5492
|
selfcommunity: {
|
|
5454
5493
|
user: {
|
package/lib/cjs/index.js
CHANGED
|
@@ -117,6 +117,7 @@ const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMai
|
|
|
117
117
|
const SCNotificationFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCNotificationFeedTemplate"));
|
|
118
118
|
const SCUserFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCUserFeedTemplate"));
|
|
119
119
|
const SCChangeCoverButton_1 = tslib_1.__importDefault(require("./components/SCChangeCoverButton"));
|
|
120
|
+
const SCPrivateMessageSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCPrivateMessageSettingsIconButton"));
|
|
120
121
|
/**
|
|
121
122
|
* Style fragments - Imports - End
|
|
122
123
|
*/
|
|
@@ -275,7 +276,8 @@ const theme = {
|
|
|
275
276
|
SCMainFeedTemplate: SCMainFeedTemplate_1.default,
|
|
276
277
|
SCNotificationFeedTemplate: SCNotificationFeedTemplate_1.default,
|
|
277
278
|
SCUserFeedTemplate: SCUserFeedTemplate_1.default,
|
|
278
|
-
SCChangeCoverButton: SCChangeCoverButton_1.default
|
|
279
|
+
SCChangeCoverButton: SCChangeCoverButton_1.default,
|
|
280
|
+
SCPrivateMessageSettingsIconButton: SCPrivateMessageSettingsIconButton_1.default
|
|
279
281
|
},
|
|
280
282
|
selfcommunity: {
|
|
281
283
|
user: {
|
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {};
|
|
3
4
|
menuRoot: ({ theme }: any) => {
|
|
4
5
|
'& .SCNavigationSettingsIconButton-paper': {
|
|
5
6
|
maxWidth: number;
|
|
6
7
|
padding: any;
|
|
7
8
|
};
|
|
8
9
|
};
|
|
10
|
+
drawerRoot: ({ theme }: any) => {
|
|
11
|
+
'& .MuiList-root': {
|
|
12
|
+
'& a': {
|
|
13
|
+
color: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
9
17
|
};
|
|
10
18
|
};
|
|
11
19
|
export default Component;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
const Component = {
|
|
2
2
|
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({}),
|
|
3
4
|
menuRoot: ({ theme }) => ({
|
|
4
5
|
'& .SCNavigationSettingsIconButton-paper': {
|
|
5
6
|
maxWidth: 400,
|
|
6
7
|
padding: theme.spacing(2)
|
|
7
8
|
}
|
|
9
|
+
}),
|
|
10
|
+
drawerRoot: ({ theme }) => ({
|
|
11
|
+
'& .MuiList-root': {
|
|
12
|
+
'& a': {
|
|
13
|
+
color: 'inherit'
|
|
14
|
+
}
|
|
15
|
+
}
|
|
8
16
|
})
|
|
9
17
|
}
|
|
10
18
|
};
|
|
@@ -80,9 +80,10 @@ declare const Component: {
|
|
|
80
80
|
width: string;
|
|
81
81
|
};
|
|
82
82
|
'& .MuiButtonBase-root': {
|
|
83
|
+
flexWrap: string;
|
|
83
84
|
width: string;
|
|
84
85
|
position: string;
|
|
85
|
-
bottom:
|
|
86
|
+
bottom: any;
|
|
86
87
|
backgroundColor: string;
|
|
87
88
|
color: string;
|
|
88
89
|
display: string;
|
|
@@ -98,11 +99,17 @@ declare const Component: {
|
|
|
98
99
|
'& .SCPrivateMessageThreadItem-other': {
|
|
99
100
|
marginTop: any;
|
|
100
101
|
'& .MuiButtonBase-root': {
|
|
102
|
+
padding: any;
|
|
103
|
+
flexWrap: string;
|
|
101
104
|
'& .MuiTypography-root': {
|
|
102
|
-
|
|
105
|
+
[x: number]: {
|
|
106
|
+
fontSize: any;
|
|
107
|
+
};
|
|
108
|
+
marginRight: any;
|
|
103
109
|
overflow: string;
|
|
110
|
+
whiteSpace: string;
|
|
104
111
|
textOverflow: string;
|
|
105
|
-
|
|
112
|
+
maxWidth: string;
|
|
106
113
|
};
|
|
107
114
|
};
|
|
108
115
|
};
|
|
@@ -80,9 +80,10 @@ const Component = {
|
|
|
80
80
|
width: '100%'
|
|
81
81
|
},
|
|
82
82
|
'& .MuiButtonBase-root': {
|
|
83
|
-
|
|
83
|
+
flexWrap: 'wrap',
|
|
84
|
+
width: 'calc(100% - 24px)',
|
|
84
85
|
position: 'absolute',
|
|
85
|
-
bottom:
|
|
86
|
+
bottom: theme.spacing(4),
|
|
86
87
|
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
87
88
|
color: 'rgba(255,255,255,0.9)',
|
|
88
89
|
display: 'flex',
|
|
@@ -98,11 +99,17 @@ const Component = {
|
|
|
98
99
|
'& .SCPrivateMessageThreadItem-other': {
|
|
99
100
|
marginTop: theme.spacing(2),
|
|
100
101
|
'& .MuiButtonBase-root': {
|
|
102
|
+
padding: theme.spacing(2, 1, 0, 1),
|
|
103
|
+
flexWrap: 'wrap',
|
|
101
104
|
'& .MuiTypography-root': {
|
|
102
|
-
|
|
105
|
+
marginRight: theme.spacing(1),
|
|
103
106
|
overflow: 'hidden',
|
|
107
|
+
whiteSpace: 'nowrap',
|
|
104
108
|
textOverflow: 'ellipsis',
|
|
105
|
-
|
|
109
|
+
maxWidth: '100%',
|
|
110
|
+
[theme.breakpoints.down('md')]: {
|
|
111
|
+
fontSize: theme.typography.fontSize
|
|
112
|
+
}
|
|
106
113
|
}
|
|
107
114
|
}
|
|
108
115
|
}
|
|
@@ -63,6 +63,11 @@ declare const Component: {
|
|
|
63
63
|
};
|
|
64
64
|
skeletonRoot: ({ theme }: any) => {
|
|
65
65
|
position: string;
|
|
66
|
+
'& .SCUserProfileHeader-cover': {
|
|
67
|
+
[x: number]: {
|
|
68
|
+
margin: any;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
66
71
|
'& .SCUserProfileHeader-avatar': {
|
|
67
72
|
display: string;
|
|
68
73
|
position: string;
|
|
@@ -72,12 +77,23 @@ declare const Component: {
|
|
|
72
77
|
border: string;
|
|
73
78
|
};
|
|
74
79
|
};
|
|
75
|
-
'& .SCUserProfileHeader-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
'& .SCUserProfileHeader-section': {
|
|
81
|
+
display: string;
|
|
82
|
+
justifyContent: string;
|
|
83
|
+
'& .SCUserProfileHeader-username': {
|
|
84
|
+
marginTop: number;
|
|
85
|
+
textAlign: string;
|
|
86
|
+
"& .MuiSkeleton-root": {
|
|
87
|
+
position: string;
|
|
88
|
+
marginLeft: any;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
'& .SCUserProfileHeader-actions': {
|
|
92
|
+
[x: number]: {
|
|
93
|
+
margin: any;
|
|
94
|
+
};
|
|
95
|
+
height: string;
|
|
96
|
+
marginTop: any;
|
|
81
97
|
};
|
|
82
98
|
};
|
|
83
99
|
};
|
|
@@ -63,6 +63,11 @@ const Component = {
|
|
|
63
63
|
}),
|
|
64
64
|
skeletonRoot: ({ theme }) => ({
|
|
65
65
|
position: 'relative',
|
|
66
|
+
'& .SCUserProfileHeader-cover': {
|
|
67
|
+
[theme.breakpoints.up('lg')]: {
|
|
68
|
+
margin: theme.spacing(0, -5, 0, -5)
|
|
69
|
+
}
|
|
70
|
+
},
|
|
66
71
|
'& .SCUserProfileHeader-avatar': {
|
|
67
72
|
display: 'block',
|
|
68
73
|
position: 'absolute',
|
|
@@ -72,12 +77,23 @@ const Component = {
|
|
|
72
77
|
border: '#FFF solid 5px'
|
|
73
78
|
}
|
|
74
79
|
},
|
|
75
|
-
'& .SCUserProfileHeader-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
'& .SCUserProfileHeader-section': {
|
|
81
|
+
display: 'flex',
|
|
82
|
+
justifyContent: 'space-between',
|
|
83
|
+
'& .SCUserProfileHeader-username': {
|
|
84
|
+
marginTop: 60,
|
|
85
|
+
textAlign: 'start',
|
|
86
|
+
[`& .MuiSkeleton-root`]: {
|
|
87
|
+
position: 'absolute',
|
|
88
|
+
marginLeft: theme.spacing(4)
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
'& .SCUserProfileHeader-actions': {
|
|
92
|
+
[theme.breakpoints.up('md')]: {
|
|
93
|
+
margin: theme.spacing(1, 2, 2, 2)
|
|
94
|
+
},
|
|
95
|
+
height: 'fit-content',
|
|
96
|
+
marginTop: theme.spacing(1)
|
|
81
97
|
}
|
|
82
98
|
}
|
|
83
99
|
})
|