@selfcommunity/react-theme-default 0.2.0-alpha.2 → 0.2.0-alpha.21
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/MuiAppBar.js +4 -3
- package/lib/cjs/components/SCBottomNavigation.js +5 -4
- 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/SCFeed.d.ts +1 -3
- package/lib/cjs/components/SCFeed.js +1 -3
- package/lib/cjs/components/SCGroupActionsMenu.d.ts +26 -0
- package/lib/cjs/components/SCGroupActionsMenu.js +28 -0
- package/lib/cjs/components/SCGroupHeader.d.ts +5 -2
- package/lib/cjs/components/SCGroupHeader.js +5 -2
- package/lib/cjs/components/SCMediaLink.d.ts +47 -1
- package/lib/cjs/components/SCMediaLink.js +52 -2
- package/lib/cjs/components/SCNavigationToolbar.d.ts +3 -1
- package/lib/cjs/components/SCNavigationToolbar.js +68 -62
- package/lib/cjs/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/cjs/components/SCOnBoardingWidget.js +8 -6
- package/lib/cjs/components/SCSearchAutocomplete.d.ts +4 -0
- package/lib/cjs/components/SCSearchAutocomplete.js +29 -21
- package/lib/cjs/index.d.ts +102 -14
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/MuiAppBar.js +4 -3
- package/lib/esm/components/SCBottomNavigation.js +5 -4
- 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/SCFeed.d.ts +1 -3
- package/lib/esm/components/SCFeed.js +1 -3
- package/lib/esm/components/SCGroupActionsMenu.d.ts +26 -0
- package/lib/esm/components/SCGroupActionsMenu.js +26 -0
- package/lib/esm/components/SCGroupHeader.d.ts +5 -2
- package/lib/esm/components/SCGroupHeader.js +5 -2
- package/lib/esm/components/SCMediaLink.d.ts +47 -1
- package/lib/esm/components/SCMediaLink.js +52 -2
- package/lib/esm/components/SCNavigationToolbar.d.ts +3 -1
- package/lib/esm/components/SCNavigationToolbar.js +68 -62
- package/lib/esm/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/esm/components/SCOnBoardingWidget.js +8 -6
- package/lib/esm/components/SCSearchAutocomplete.d.ts +4 -0
- package/lib/esm/components/SCSearchAutocomplete.js +29 -21
- package/lib/esm/index.d.ts +102 -14
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const styles_1 = require("@mui/material/styles");
|
|
3
4
|
const Component = {
|
|
4
5
|
styleOverrides: {
|
|
5
6
|
root: ({ theme }) => {
|
|
6
|
-
var _a, _b;
|
|
7
|
+
var _a, _b, _c, _d;
|
|
7
8
|
return ({
|
|
8
|
-
color: theme.palette.text.primary,
|
|
9
|
-
backgroundColor: (
|
|
9
|
+
color: (0, styles_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.text.primary,
|
|
10
|
+
backgroundColor: (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main
|
|
10
11
|
});
|
|
11
12
|
}
|
|
12
13
|
}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const styles_1 = require("@mui/material/styles");
|
|
3
4
|
const Component = {
|
|
4
5
|
styleOverrides: {
|
|
5
6
|
root: ({ theme }) => {
|
|
6
|
-
var _a, _b;
|
|
7
|
+
var _a, _b, _c, _d;
|
|
7
8
|
return ({
|
|
8
9
|
backgroundColor: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main,
|
|
9
10
|
'& .SCBottomNavigation-action': {
|
|
10
11
|
fontSize: '1.57rem',
|
|
11
|
-
color: theme.palette.primary.main,
|
|
12
|
+
color: (0, styles_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main,
|
|
12
13
|
borderTop: `1px solid transparent`,
|
|
13
14
|
minWidth: 56,
|
|
14
15
|
'&.Mui-selected, &:hover': {
|
|
@@ -19,8 +20,8 @@ const Component = {
|
|
|
19
20
|
'&.Mui-selected, &:hover': {
|
|
20
21
|
color: theme.palette.secondary.main,
|
|
21
22
|
borderTop: '0 none'
|
|
22
|
-
}
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
24
25
|
},
|
|
25
26
|
'&.SCBottomNavigation-ios': {
|
|
26
27
|
paddingBottom: '15px'
|
|
@@ -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',
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {};
|
|
4
|
+
menuRoot: ({ theme }: any) => {
|
|
5
|
+
'& .MuiDivider-root': {
|
|
6
|
+
margin: any;
|
|
7
|
+
};
|
|
8
|
+
'& .MuiIcon-root': {
|
|
9
|
+
fontSize: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
drawerRoot: ({ theme }: any) => {
|
|
13
|
+
'& .SCGroupActionsMenu-item': {
|
|
14
|
+
paddingTop: number;
|
|
15
|
+
paddingBottom: number;
|
|
16
|
+
};
|
|
17
|
+
'& .MuiDivider-root': {
|
|
18
|
+
margin: any;
|
|
19
|
+
};
|
|
20
|
+
'& .MuiIcon-root': {
|
|
21
|
+
fontSize: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default Component;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({}),
|
|
6
|
+
menuRoot: ({ theme }) => ({
|
|
7
|
+
'& .MuiDivider-root': {
|
|
8
|
+
margin: theme.spacing(1)
|
|
9
|
+
},
|
|
10
|
+
'& .MuiIcon-root': {
|
|
11
|
+
fontSize: '15px'
|
|
12
|
+
}
|
|
13
|
+
}),
|
|
14
|
+
drawerRoot: ({ theme }) => ({
|
|
15
|
+
'& .SCGroupActionsMenu-item': {
|
|
16
|
+
paddingTop: 0,
|
|
17
|
+
paddingBottom: 0
|
|
18
|
+
},
|
|
19
|
+
'& .MuiDivider-root': {
|
|
20
|
+
margin: theme.spacing(2)
|
|
21
|
+
},
|
|
22
|
+
'& .MuiIcon-root': {
|
|
23
|
+
fontSize: '15px'
|
|
24
|
+
}
|
|
25
|
+
})
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
exports.default = Component;
|
|
@@ -40,10 +40,13 @@ declare const Component: {
|
|
|
40
40
|
gap: any;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
|
-
'& .
|
|
43
|
+
'& .SCGroupHeader-multi-actions': {
|
|
44
|
+
display: string;
|
|
44
45
|
marginLeft: string;
|
|
45
46
|
marginTop: any;
|
|
46
|
-
|
|
47
|
+
'& .SCEditGroupButton-root': {
|
|
48
|
+
marginRight: any;
|
|
49
|
+
};
|
|
47
50
|
};
|
|
48
51
|
'& .SCGroupSubscribeButton-root': {
|
|
49
52
|
marginTop: any;
|
|
@@ -42,10 +42,13 @@ const Component = {
|
|
|
42
42
|
gap: theme.spacing(0.5)
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
-
'& .
|
|
45
|
+
'& .SCGroupHeader-multi-actions': {
|
|
46
|
+
display: 'flex',
|
|
46
47
|
marginLeft: 'auto',
|
|
47
48
|
marginTop: theme.spacing(-4.25),
|
|
48
|
-
|
|
49
|
+
'& .SCEditGroupButton-root': {
|
|
50
|
+
marginRight: theme.spacing(1)
|
|
51
|
+
}
|
|
49
52
|
},
|
|
50
53
|
'& .SCGroupSubscribeButton-root': {
|
|
51
54
|
marginTop: theme.spacing(1)
|
|
@@ -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,
|
|
@@ -27,7 +27,6 @@ declare const Component: {
|
|
|
27
27
|
paddingRight: any;
|
|
28
28
|
paddingBottom: number;
|
|
29
29
|
margin: any;
|
|
30
|
-
color: any;
|
|
31
30
|
borderRadius: number;
|
|
32
31
|
borderBottom: string;
|
|
33
32
|
'&.SCNavigationToolbar-active, &:hover': {
|
|
@@ -67,6 +66,9 @@ declare const Component: {
|
|
|
67
66
|
'& .SCNavigationToolbar-settings': {
|
|
68
67
|
marginLeft: number;
|
|
69
68
|
};
|
|
69
|
+
'& .SCNavigationToolbar-composer:hover': {
|
|
70
|
+
color: any;
|
|
71
|
+
};
|
|
70
72
|
'& .MuiIconButton-root': {
|
|
71
73
|
color: any;
|
|
72
74
|
};
|
|
@@ -1,78 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const styles_1 = require("@mui/material/styles");
|
|
3
4
|
const Component = {
|
|
4
5
|
styleOverrides: {
|
|
5
|
-
root: ({ theme }) =>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
'&
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
root: ({ theme }) => {
|
|
7
|
+
var _a, _b;
|
|
8
|
+
return ({
|
|
9
|
+
padding: theme.spacing(0, 1),
|
|
10
|
+
'& .SCNavigationToolbar-logo, & .SCNavigationToolbar-custom-item': {
|
|
11
|
+
marginRight: theme.spacing(2),
|
|
12
|
+
'& img': {
|
|
13
|
+
verticalAlign: 'middle',
|
|
14
|
+
maxHeight: theme.mixins.toolbar.minHeight - 20
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
'& .SCNavigationToolbar-navigation': {
|
|
18
|
+
flexGrow: 1,
|
|
19
|
+
textAlign: 'center',
|
|
20
|
+
alignSelf: 'end',
|
|
21
|
+
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
|
|
22
|
+
paddingTop: 12,
|
|
23
|
+
paddingLeft: theme.spacing(1),
|
|
24
|
+
paddingRight: theme.spacing(1),
|
|
25
|
+
paddingBottom: 11,
|
|
26
|
+
margin: theme.spacing(0, 1),
|
|
27
|
+
borderRadius: 0,
|
|
28
|
+
borderBottom: `2px solid transparent`,
|
|
29
|
+
'&.SCNavigationToolbar-active, &:hover': {
|
|
30
|
+
color: theme.palette.secondary.main,
|
|
31
|
+
borderBottom: `2px solid ${theme.palette.secondary.main}`
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
'& .SCNavigationToolbar-search': {
|
|
36
|
+
flexGrow: 1,
|
|
37
|
+
textAlign: 'right',
|
|
38
|
+
marginRight: theme.spacing(1.5),
|
|
39
|
+
'& .MuiFormControl-root': {
|
|
40
|
+
width: 190,
|
|
41
|
+
[theme.breakpoints.up('lg')]: {
|
|
42
|
+
width: 300
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
'& .SCNavigationToolbar-profile, & .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
|
|
47
|
+
margin: theme.spacing(0, 0.5)
|
|
48
|
+
},
|
|
49
|
+
'& .SCNavigationToolbar-profile .MuiAvatar-root': {
|
|
50
|
+
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
51
|
+
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
52
|
+
},
|
|
53
|
+
'& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
|
|
19
54
|
paddingTop: 12,
|
|
20
|
-
|
|
21
|
-
paddingRight: theme.spacing(1),
|
|
22
|
-
paddingBottom: 11,
|
|
23
|
-
margin: theme.spacing(0, 1),
|
|
24
|
-
color: theme.palette.primary.main,
|
|
55
|
+
paddingBottom: 9,
|
|
25
56
|
borderRadius: 0,
|
|
26
57
|
borderBottom: `2px solid transparent`,
|
|
27
58
|
'&.SCNavigationToolbar-active, &:hover': {
|
|
28
59
|
color: theme.palette.secondary.main,
|
|
29
60
|
borderBottom: `2px solid ${theme.palette.secondary.main}`
|
|
30
61
|
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
'& .SCNavigationToolbar-profile .MuiAvatar-root': {
|
|
48
|
-
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
49
|
-
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
50
|
-
},
|
|
51
|
-
'& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
|
|
52
|
-
paddingTop: 12,
|
|
53
|
-
paddingBottom: 9,
|
|
54
|
-
borderRadius: 0,
|
|
55
|
-
borderBottom: `2px solid transparent`,
|
|
56
|
-
'&.SCNavigationToolbar-active, &:hover': {
|
|
57
|
-
color: theme.palette.secondary.main,
|
|
58
|
-
borderBottom: `2px solid ${theme.palette.secondary.main}`
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
'& .SCNavigationToolbar-settings': {
|
|
62
|
-
marginLeft: 0
|
|
63
|
-
},
|
|
64
|
-
'& .MuiIconButton-root': {
|
|
65
|
-
color: theme.palette.primary.main
|
|
66
|
-
},
|
|
67
|
-
[theme.breakpoints.up(950)]: {
|
|
68
|
-
padding: theme.spacing(0, 2),
|
|
69
|
-
'& .SCNavigationToolbar-navigation': {
|
|
70
|
-
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
|
|
71
|
-
margin: theme.spacing(0, 2)
|
|
62
|
+
},
|
|
63
|
+
'& .SCNavigationToolbar-settings': {
|
|
64
|
+
marginLeft: 0
|
|
65
|
+
},
|
|
66
|
+
'& .SCNavigationToolbar-composer:hover': {
|
|
67
|
+
color: theme.palette.secondary.main
|
|
68
|
+
},
|
|
69
|
+
'& .MuiIconButton-root': {
|
|
70
|
+
color: (0, styles_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
|
|
71
|
+
},
|
|
72
|
+
[theme.breakpoints.up(950)]: {
|
|
73
|
+
padding: theme.spacing(0, 2),
|
|
74
|
+
'& .SCNavigationToolbar-navigation': {
|
|
75
|
+
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
|
|
76
|
+
margin: theme.spacing(0, 2)
|
|
77
|
+
}
|
|
72
78
|
}
|
|
73
79
|
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
80
|
+
});
|
|
81
|
+
},
|
|
76
82
|
skeletonRoot: ({ theme }) => ({
|
|
77
83
|
'& .SCNavigationToolbar-logo': {
|
|
78
84
|
width: 100,
|
|
@@ -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)
|