@selfcommunity/react-theme-default 1.2.4 → 1.2.5-alpha.0
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/SCCourse.js +3 -3
- package/lib/cjs/components/SCCourseDashboard.d.ts +3 -0
- package/lib/cjs/components/SCCourseDashboard.js +3 -0
- package/lib/cjs/components/SCDefaultDrawerContent.d.ts +3 -0
- package/lib/cjs/components/SCDefaultDrawerContent.js +3 -0
- package/lib/cjs/components/SCEvent.js +2 -2
- package/lib/cjs/components/SCFeedObject.d.ts +6 -0
- package/lib/cjs/components/SCFeedObject.js +8 -2
- package/lib/cjs/components/SCFooter.d.ts +3 -0
- package/lib/cjs/components/SCFooter.js +4 -1
- package/lib/cjs/components/SCLiveStream.js +1 -1
- package/lib/cjs/components/SCLoyaltyProgramWidget.js +1 -1
- package/lib/cjs/components/SCNavigationMenuDrawer.d.ts +4 -3
- package/lib/cjs/components/SCNavigationMenuDrawer.js +4 -3
- package/lib/cjs/components/SCNavigationToolbar.d.ts +5 -0
- package/lib/cjs/components/SCNavigationToolbar.js +5 -0
- package/lib/cjs/components/SCSearchAutocomplete.d.ts +9 -0
- package/lib/cjs/components/SCSearchAutocomplete.js +19 -6
- package/lib/cjs/components/SCWidget.d.ts +1 -1
- package/lib/cjs/components/SCWidget.js +1 -1
- package/lib/cjs/index.d.ts +37 -7
- package/lib/esm/components/SCCourse.js +3 -3
- package/lib/esm/components/SCCourseDashboard.d.ts +3 -0
- package/lib/esm/components/SCCourseDashboard.js +3 -0
- package/lib/esm/components/SCDefaultDrawerContent.d.ts +3 -0
- package/lib/esm/components/SCDefaultDrawerContent.js +3 -0
- package/lib/esm/components/SCEvent.js +2 -2
- package/lib/esm/components/SCFeedObject.d.ts +6 -0
- package/lib/esm/components/SCFeedObject.js +8 -2
- package/lib/esm/components/SCFooter.d.ts +3 -0
- package/lib/esm/components/SCFooter.js +4 -1
- package/lib/esm/components/SCLiveStream.js +1 -1
- package/lib/esm/components/SCLoyaltyProgramWidget.js +1 -1
- package/lib/esm/components/SCNavigationMenuDrawer.d.ts +4 -3
- package/lib/esm/components/SCNavigationMenuDrawer.js +4 -3
- package/lib/esm/components/SCNavigationToolbar.d.ts +5 -0
- package/lib/esm/components/SCNavigationToolbar.js +5 -0
- package/lib/esm/components/SCSearchAutocomplete.d.ts +9 -0
- package/lib/esm/components/SCSearchAutocomplete.js +19 -6
- package/lib/esm/components/SCWidget.d.ts +1 -1
- package/lib/esm/components/SCWidget.js +1 -1
- package/lib/esm/index.d.ts +37 -7
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -41,7 +41,7 @@ const Component = {
|
|
|
41
41
|
position: 'absolute',
|
|
42
42
|
top: 5,
|
|
43
43
|
right: 3,
|
|
44
|
-
color: theme.palette.
|
|
44
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
45
45
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
|
|
46
46
|
'& span': {
|
|
47
47
|
fontSize: '0.8rem',
|
|
@@ -76,7 +76,7 @@ const Component = {
|
|
|
76
76
|
position: 'absolute',
|
|
77
77
|
top: theme.spacing(1),
|
|
78
78
|
left: theme.spacing(0.5),
|
|
79
|
-
color: theme.palette.common.white,
|
|
79
|
+
color: theme.palette.getContrastText(theme.palette.common.white),
|
|
80
80
|
borderRadius: 0,
|
|
81
81
|
'& .MuiChip-label': {
|
|
82
82
|
fontWeight: 700,
|
|
@@ -106,7 +106,7 @@ const Component = {
|
|
|
106
106
|
position: 'absolute',
|
|
107
107
|
top: theme.spacing(2),
|
|
108
108
|
left: theme.spacing(2),
|
|
109
|
-
color: theme.palette.common.white,
|
|
109
|
+
color: theme.palette.getContrastText(theme.palette.common.white),
|
|
110
110
|
borderRadius: 0,
|
|
111
111
|
'& .MuiChip-label': {
|
|
112
112
|
fontWeight: 700,
|
|
@@ -13,6 +13,9 @@ const Component = {
|
|
|
13
13
|
'& .SCCourseDashboard-paper-contrast-color': {
|
|
14
14
|
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
15
15
|
},
|
|
16
|
+
'& .SCCourseDashboard-secondary-contrast-color': {
|
|
17
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main)
|
|
18
|
+
},
|
|
16
19
|
'& .SCCourseDashboard-header': {
|
|
17
20
|
[theme.breakpoints.down('sm')]: {
|
|
18
21
|
paddingLeft: '14px',
|
|
@@ -14,7 +14,7 @@ const Component = {
|
|
|
14
14
|
position: 'absolute',
|
|
15
15
|
top: 10,
|
|
16
16
|
right: 10,
|
|
17
|
-
color: theme.palette.
|
|
17
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
18
18
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
|
|
19
19
|
}
|
|
20
20
|
},
|
|
@@ -119,7 +119,7 @@ const Component = {
|
|
|
119
119
|
position: 'absolute',
|
|
120
120
|
top: 5,
|
|
121
121
|
right: 3,
|
|
122
|
-
color: theme.palette.
|
|
122
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
123
123
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
|
|
124
124
|
'& span': {
|
|
125
125
|
fontSize: '0.8rem',
|
|
@@ -139,6 +139,9 @@ declare const Component: {
|
|
|
139
139
|
textDecoration: string;
|
|
140
140
|
color: string;
|
|
141
141
|
marginTop: number;
|
|
142
|
+
minHeight: number;
|
|
143
|
+
minWidth: number;
|
|
144
|
+
padding: string;
|
|
142
145
|
};
|
|
143
146
|
'& .SCFeedObject-deleted': {
|
|
144
147
|
opacity: number;
|
|
@@ -192,6 +195,9 @@ declare const Component: {
|
|
|
192
195
|
};
|
|
193
196
|
'& .SCFeedObject-username': {
|
|
194
197
|
fontWeight: any;
|
|
198
|
+
minHeight: number;
|
|
199
|
+
minWidth: number;
|
|
200
|
+
padding: string;
|
|
195
201
|
};
|
|
196
202
|
'& .MuiCardHeader-subheader': {
|
|
197
203
|
fontSize: string;
|
|
@@ -143,7 +143,10 @@ const Component = {
|
|
|
143
143
|
'& .SCFeedObject-activity-at': {
|
|
144
144
|
textDecoration: 'none',
|
|
145
145
|
color: 'inherit',
|
|
146
|
-
marginTop: 0
|
|
146
|
+
marginTop: 0,
|
|
147
|
+
minHeight: 24,
|
|
148
|
+
minWidth: 24,
|
|
149
|
+
padding: '0 2px'
|
|
147
150
|
},
|
|
148
151
|
'& .SCFeedObject-deleted': {
|
|
149
152
|
opacity: 0.3,
|
|
@@ -198,7 +201,10 @@ const Component = {
|
|
|
198
201
|
}
|
|
199
202
|
},
|
|
200
203
|
'& .SCFeedObject-username': {
|
|
201
|
-
fontWeight: theme.typography.fontWeightBold
|
|
204
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
205
|
+
minHeight: 24,
|
|
206
|
+
minWidth: 24,
|
|
207
|
+
padding: '0 2px'
|
|
202
208
|
},
|
|
203
209
|
'& .MuiCardHeader-subheader': {
|
|
204
210
|
fontSize: '0.857rem',
|
|
@@ -112,7 +112,7 @@ const Component = {
|
|
|
112
112
|
position: 'absolute',
|
|
113
113
|
top: 5,
|
|
114
114
|
right: 3,
|
|
115
|
-
color: theme.palette.
|
|
115
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
116
116
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
|
|
117
117
|
'& span': {
|
|
118
118
|
fontSize: '0.8rem',
|
|
@@ -22,7 +22,7 @@ const Component = {
|
|
|
22
22
|
display: 'flex',
|
|
23
23
|
alignItems: 'center',
|
|
24
24
|
'& .MuiChip-root': {
|
|
25
|
-
color: theme.palette.
|
|
25
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
26
26
|
borderRadius: theme.shape.borderRadius,
|
|
27
27
|
backgroundColor: theme.palette.secondary.main,
|
|
28
28
|
marginRight: theme.spacing(1)
|
|
@@ -12,6 +12,7 @@ declare const Component: {
|
|
|
12
12
|
padding: string;
|
|
13
13
|
display: string;
|
|
14
14
|
justifyContent: string;
|
|
15
|
+
alignItems: string;
|
|
15
16
|
'& > a:first-of-type': {
|
|
16
17
|
display: string;
|
|
17
18
|
justifyContent: string;
|
|
@@ -22,9 +23,9 @@ declare const Component: {
|
|
|
22
23
|
maxHeight: number;
|
|
23
24
|
paddingLeft: any;
|
|
24
25
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
'& button': {
|
|
27
|
+
height: number;
|
|
28
|
+
};
|
|
28
29
|
};
|
|
29
30
|
'& .MuiTypography-subtitle1': {
|
|
30
31
|
fontSize: string;
|
|
@@ -15,6 +15,7 @@ const Component = {
|
|
|
15
15
|
padding: '1px',
|
|
16
16
|
display: 'flex',
|
|
17
17
|
justifyContent: 'space-between',
|
|
18
|
+
alignItems: 'center',
|
|
18
19
|
'& > a:first-of-type': {
|
|
19
20
|
display: 'flex',
|
|
20
21
|
justifyContent: 'center',
|
|
@@ -24,11 +25,11 @@ const Component = {
|
|
|
24
25
|
'& img': {
|
|
25
26
|
maxHeight: theme.mixins.toolbar.minHeight - 20,
|
|
26
27
|
paddingLeft: theme.spacing(1.5)
|
|
28
|
+
},
|
|
29
|
+
'& button': {
|
|
30
|
+
height: theme.mixins.toolbar.minHeight - 9
|
|
27
31
|
}
|
|
28
32
|
},
|
|
29
|
-
'& .SCNavigationMenuDrawer-drawer-content': {
|
|
30
|
-
paddingTop: 0
|
|
31
|
-
},
|
|
32
33
|
'& .MuiTypography-subtitle1': {
|
|
33
34
|
fontSize: '1.286rem',
|
|
34
35
|
padding: theme.spacing(0, 2),
|
|
@@ -4,6 +4,15 @@ declare const Component: {
|
|
|
4
4
|
'& .SCSearchAutocomplete-input': {
|
|
5
5
|
padding: any;
|
|
6
6
|
borderRadius: any;
|
|
7
|
+
flexGrow: number;
|
|
8
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9
|
+
borderColor: string;
|
|
10
|
+
borderWidth: number;
|
|
11
|
+
};
|
|
12
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
13
|
+
outline: string;
|
|
14
|
+
outlineOffset: number;
|
|
15
|
+
};
|
|
7
16
|
'& .MuiAutocomplete-input': {
|
|
8
17
|
padding: any;
|
|
9
18
|
color: any;
|
|
@@ -10,26 +10,39 @@ const Component = {
|
|
|
10
10
|
'& .SCSearchAutocomplete-input': {
|
|
11
11
|
padding: theme.spacing(0, 2),
|
|
12
12
|
borderRadius: theme.shape.borderRadius,
|
|
13
|
+
flexGrow: 1,
|
|
14
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
15
|
+
borderColor: 'primary.main',
|
|
16
|
+
borderWidth: 2
|
|
17
|
+
},
|
|
18
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
19
|
+
outline: '3px solid currentColor',
|
|
20
|
+
outlineOffset: 2
|
|
21
|
+
},
|
|
13
22
|
'& .MuiAutocomplete-input': {
|
|
14
23
|
padding: theme.spacing(0.5, 1),
|
|
15
|
-
color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main,
|
|
24
|
+
color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
|
16
25
|
}
|
|
17
26
|
},
|
|
18
27
|
'& .MuiInputBase-root': {
|
|
19
28
|
'& .MuiIcon-root': {
|
|
20
|
-
color: (0, material_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main,
|
|
29
|
+
color: (0, material_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
|
21
30
|
},
|
|
22
31
|
'& fieldset': {
|
|
23
|
-
borderColor: (0, system_1.alpha)((0, material_1.getContrastRatio)((_f = (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.navbar) === null || _f === void 0 ? void 0 : _f.main,
|
|
32
|
+
borderColor: (0, system_1.alpha)((0, material_1.getContrastRatio)((_f = (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.navbar) === null || _f === void 0 ? void 0 : _f.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main, theme.palette.action.disabledOpacity)
|
|
24
33
|
},
|
|
25
34
|
'&:hover fieldset': {
|
|
26
|
-
borderColor: (0, material_1.getContrastRatio)((_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.navbar) === null || _h === void 0 ? void 0 : _h.main,
|
|
35
|
+
borderColor: (0, material_1.getContrastRatio)((_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.navbar) === null || _h === void 0 ? void 0 : _h.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
|
27
36
|
},
|
|
28
37
|
'&.Mui-focused fieldset': {
|
|
29
|
-
borderColor: (0, material_1.getContrastRatio)((_k = (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.navbar) === null || _k === void 0 ? void 0 : _k.main,
|
|
38
|
+
borderColor: (0, material_1.getContrastRatio)((_k = (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.navbar) === null || _k === void 0 ? void 0 : _k.main, theme.palette.common.white) > 4.5
|
|
39
|
+
? theme.palette.common.white
|
|
40
|
+
: theme.palette.secondary.main
|
|
30
41
|
},
|
|
31
42
|
'&.Mui-focused .SCSearchAutocomplete-icon': {
|
|
32
|
-
color: (0, material_1.getContrastRatio)((_m = (_l = theme.palette) === null || _l === void 0 ? void 0 : _l.navbar) === null || _m === void 0 ? void 0 : _m.main,
|
|
43
|
+
color: (0, material_1.getContrastRatio)((_m = (_l = theme.palette) === null || _l === void 0 ? void 0 : _l.navbar) === null || _m === void 0 ? void 0 : _m.main, theme.palette.common.white) > 4.5
|
|
44
|
+
? theme.palette.common.white
|
|
45
|
+
: theme.palette.secondary.main
|
|
33
46
|
}
|
|
34
47
|
}
|
|
35
48
|
});
|
|
@@ -31,7 +31,7 @@ const Component = {
|
|
|
31
31
|
},
|
|
32
32
|
'& .MuiCardContent-root': {
|
|
33
33
|
padding: theme.spacing(2.2),
|
|
34
|
-
'&
|
|
34
|
+
'& h2': {
|
|
35
35
|
fontFamily: theme.typography.fontFamily,
|
|
36
36
|
fontWeight: theme.typography.fontWeightBold,
|
|
37
37
|
color: theme.palette.getContrastText(theme.palette.background.default),
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -2180,6 +2180,9 @@ declare const theme: {
|
|
|
2180
2180
|
'& .SCCourseDashboard-paper-contrast-color': {
|
|
2181
2181
|
color: any;
|
|
2182
2182
|
};
|
|
2183
|
+
'& .SCCourseDashboard-secondary-contrast-color': {
|
|
2184
|
+
color: any;
|
|
2185
|
+
};
|
|
2183
2186
|
'& .SCCourseDashboard-header': {
|
|
2184
2187
|
[x: number]: {
|
|
2185
2188
|
paddingLeft: string;
|
|
@@ -3264,6 +3267,9 @@ declare const theme: {
|
|
|
3264
3267
|
paddingTop: number;
|
|
3265
3268
|
};
|
|
3266
3269
|
};
|
|
3270
|
+
'& .SCDefaultDrawerContent-items': {
|
|
3271
|
+
paddingTop: number;
|
|
3272
|
+
};
|
|
3267
3273
|
};
|
|
3268
3274
|
};
|
|
3269
3275
|
};
|
|
@@ -4152,6 +4158,9 @@ declare const theme: {
|
|
|
4152
4158
|
textDecoration: string;
|
|
4153
4159
|
color: string;
|
|
4154
4160
|
marginTop: number;
|
|
4161
|
+
minHeight: number;
|
|
4162
|
+
minWidth: number;
|
|
4163
|
+
padding: string;
|
|
4155
4164
|
};
|
|
4156
4165
|
'& .SCFeedObject-deleted': {
|
|
4157
4166
|
opacity: number;
|
|
@@ -4205,6 +4214,9 @@ declare const theme: {
|
|
|
4205
4214
|
};
|
|
4206
4215
|
'& .SCFeedObject-username': {
|
|
4207
4216
|
fontWeight: any;
|
|
4217
|
+
minHeight: number;
|
|
4218
|
+
minWidth: number;
|
|
4219
|
+
padding: string;
|
|
4208
4220
|
};
|
|
4209
4221
|
'& .MuiCardHeader-subheader': {
|
|
4210
4222
|
fontSize: string;
|
|
@@ -4458,6 +4470,9 @@ declare const theme: {
|
|
|
4458
4470
|
};
|
|
4459
4471
|
'& .SCCommentObject-root': {
|
|
4460
4472
|
marginTop: number;
|
|
4473
|
+
/**
|
|
4474
|
+
* Export default theme
|
|
4475
|
+
*/
|
|
4461
4476
|
marginBottom: number;
|
|
4462
4477
|
paddingTop: number;
|
|
4463
4478
|
paddingBottom: number;
|
|
@@ -4684,9 +4699,6 @@ declare const theme: {
|
|
|
4684
4699
|
};
|
|
4685
4700
|
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
|
|
4686
4701
|
display: string;
|
|
4687
|
-
/**
|
|
4688
|
-
* Style assets - Exports - Start
|
|
4689
|
-
*/
|
|
4690
4702
|
margin: any;
|
|
4691
4703
|
alignItems: string;
|
|
4692
4704
|
justifyContent: string;
|
|
@@ -4890,6 +4902,9 @@ declare const theme: {
|
|
|
4890
4902
|
'& .SCFooter-item': {
|
|
4891
4903
|
padding: any;
|
|
4892
4904
|
color: any;
|
|
4905
|
+
'&:hover': {
|
|
4906
|
+
textDecoration: string;
|
|
4907
|
+
};
|
|
4893
4908
|
};
|
|
4894
4909
|
};
|
|
4895
4910
|
};
|
|
@@ -6969,6 +6984,7 @@ declare const theme: {
|
|
|
6969
6984
|
padding: string;
|
|
6970
6985
|
display: string;
|
|
6971
6986
|
justifyContent: string;
|
|
6987
|
+
alignItems: string;
|
|
6972
6988
|
'& > a:first-of-type': {
|
|
6973
6989
|
display: string;
|
|
6974
6990
|
justifyContent: string;
|
|
@@ -6979,9 +6995,9 @@ declare const theme: {
|
|
|
6979
6995
|
maxHeight: number;
|
|
6980
6996
|
paddingLeft: any;
|
|
6981
6997
|
};
|
|
6982
|
-
|
|
6983
|
-
|
|
6984
|
-
|
|
6998
|
+
'& button': {
|
|
6999
|
+
height: number;
|
|
7000
|
+
};
|
|
6985
7001
|
};
|
|
6986
7002
|
'& .MuiTypography-subtitle1': {
|
|
6987
7003
|
fontSize: string;
|
|
@@ -7105,6 +7121,11 @@ declare const theme: {
|
|
|
7105
7121
|
'& .MuiIconButton-root': {
|
|
7106
7122
|
color: any;
|
|
7107
7123
|
};
|
|
7124
|
+
'& .SCNavigationToolbar-link': {
|
|
7125
|
+
'&:hover': {
|
|
7126
|
+
textDecoration: string;
|
|
7127
|
+
};
|
|
7128
|
+
};
|
|
7108
7129
|
};
|
|
7109
7130
|
skeletonRoot: ({ theme }: any) => {
|
|
7110
7131
|
'& .SCNavigationToolbar-logo': {
|
|
@@ -9060,6 +9081,15 @@ declare const theme: {
|
|
|
9060
9081
|
'& .SCSearchAutocomplete-input': {
|
|
9061
9082
|
padding: any;
|
|
9062
9083
|
borderRadius: any;
|
|
9084
|
+
flexGrow: number;
|
|
9085
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9086
|
+
borderColor: string;
|
|
9087
|
+
borderWidth: number;
|
|
9088
|
+
};
|
|
9089
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
9090
|
+
outline: string;
|
|
9091
|
+
outlineOffset: number;
|
|
9092
|
+
};
|
|
9063
9093
|
'& .MuiAutocomplete-input': {
|
|
9064
9094
|
padding: any;
|
|
9065
9095
|
color: any;
|
|
@@ -11112,7 +11142,7 @@ declare const theme: {
|
|
|
11112
11142
|
};
|
|
11113
11143
|
'& .MuiCardContent-root': {
|
|
11114
11144
|
padding: any;
|
|
11115
|
-
'&
|
|
11145
|
+
'& h2': {
|
|
11116
11146
|
fontFamily: any;
|
|
11117
11147
|
fontWeight: any;
|
|
11118
11148
|
color: any;
|
|
@@ -39,7 +39,7 @@ const Component = {
|
|
|
39
39
|
position: 'absolute',
|
|
40
40
|
top: 5,
|
|
41
41
|
right: 3,
|
|
42
|
-
color: theme.palette.
|
|
42
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
43
43
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
|
|
44
44
|
'& span': {
|
|
45
45
|
fontSize: '0.8rem',
|
|
@@ -74,7 +74,7 @@ const Component = {
|
|
|
74
74
|
position: 'absolute',
|
|
75
75
|
top: theme.spacing(1),
|
|
76
76
|
left: theme.spacing(0.5),
|
|
77
|
-
color: theme.palette.common.white,
|
|
77
|
+
color: theme.palette.getContrastText(theme.palette.common.white),
|
|
78
78
|
borderRadius: 0,
|
|
79
79
|
'& .MuiChip-label': {
|
|
80
80
|
fontWeight: 700,
|
|
@@ -104,7 +104,7 @@ const Component = {
|
|
|
104
104
|
position: 'absolute',
|
|
105
105
|
top: theme.spacing(2),
|
|
106
106
|
left: theme.spacing(2),
|
|
107
|
-
color: theme.palette.common.white,
|
|
107
|
+
color: theme.palette.getContrastText(theme.palette.common.white),
|
|
108
108
|
borderRadius: 0,
|
|
109
109
|
'& .MuiChip-label': {
|
|
110
110
|
fontWeight: 700,
|
|
@@ -11,6 +11,9 @@ const Component = {
|
|
|
11
11
|
'& .SCCourseDashboard-paper-contrast-color': {
|
|
12
12
|
color: theme.palette.getContrastText(theme.palette.background.paper)
|
|
13
13
|
},
|
|
14
|
+
'& .SCCourseDashboard-secondary-contrast-color': {
|
|
15
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main)
|
|
16
|
+
},
|
|
14
17
|
'& .SCCourseDashboard-header': {
|
|
15
18
|
[theme.breakpoints.down('sm')]: {
|
|
16
19
|
paddingLeft: '14px',
|
|
@@ -12,7 +12,7 @@ const Component = {
|
|
|
12
12
|
position: 'absolute',
|
|
13
13
|
top: 10,
|
|
14
14
|
right: 10,
|
|
15
|
-
color: theme.palette.
|
|
15
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
16
16
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
|
|
17
17
|
}
|
|
18
18
|
},
|
|
@@ -117,7 +117,7 @@ const Component = {
|
|
|
117
117
|
position: 'absolute',
|
|
118
118
|
top: 5,
|
|
119
119
|
right: 3,
|
|
120
|
-
color: theme.palette.
|
|
120
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
121
121
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
|
|
122
122
|
'& span': {
|
|
123
123
|
fontSize: '0.8rem',
|
|
@@ -139,6 +139,9 @@ declare const Component: {
|
|
|
139
139
|
textDecoration: string;
|
|
140
140
|
color: string;
|
|
141
141
|
marginTop: number;
|
|
142
|
+
minHeight: number;
|
|
143
|
+
minWidth: number;
|
|
144
|
+
padding: string;
|
|
142
145
|
};
|
|
143
146
|
'& .SCFeedObject-deleted': {
|
|
144
147
|
opacity: number;
|
|
@@ -192,6 +195,9 @@ declare const Component: {
|
|
|
192
195
|
};
|
|
193
196
|
'& .SCFeedObject-username': {
|
|
194
197
|
fontWeight: any;
|
|
198
|
+
minHeight: number;
|
|
199
|
+
minWidth: number;
|
|
200
|
+
padding: string;
|
|
195
201
|
};
|
|
196
202
|
'& .MuiCardHeader-subheader': {
|
|
197
203
|
fontSize: string;
|
|
@@ -141,7 +141,10 @@ const Component = {
|
|
|
141
141
|
'& .SCFeedObject-activity-at': {
|
|
142
142
|
textDecoration: 'none',
|
|
143
143
|
color: 'inherit',
|
|
144
|
-
marginTop: 0
|
|
144
|
+
marginTop: 0,
|
|
145
|
+
minHeight: 24,
|
|
146
|
+
minWidth: 24,
|
|
147
|
+
padding: '0 2px'
|
|
145
148
|
},
|
|
146
149
|
'& .SCFeedObject-deleted': {
|
|
147
150
|
opacity: 0.3,
|
|
@@ -196,7 +199,10 @@ const Component = {
|
|
|
196
199
|
}
|
|
197
200
|
},
|
|
198
201
|
'& .SCFeedObject-username': {
|
|
199
|
-
fontWeight: theme.typography.fontWeightBold
|
|
202
|
+
fontWeight: theme.typography.fontWeightBold,
|
|
203
|
+
minHeight: 24,
|
|
204
|
+
minWidth: 24,
|
|
205
|
+
padding: '0 2px'
|
|
200
206
|
},
|
|
201
207
|
'& .MuiCardHeader-subheader': {
|
|
202
208
|
fontSize: '0.857rem',
|
|
@@ -110,7 +110,7 @@ const Component = {
|
|
|
110
110
|
position: 'absolute',
|
|
111
111
|
top: 5,
|
|
112
112
|
right: 3,
|
|
113
|
-
color: theme.palette.
|
|
113
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
114
114
|
boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
|
|
115
115
|
'& span': {
|
|
116
116
|
fontSize: '0.8rem',
|
|
@@ -20,7 +20,7 @@ const Component = {
|
|
|
20
20
|
display: 'flex',
|
|
21
21
|
alignItems: 'center',
|
|
22
22
|
'& .MuiChip-root': {
|
|
23
|
-
color: theme.palette.
|
|
23
|
+
color: theme.palette.getContrastText(theme.palette.secondary.main),
|
|
24
24
|
borderRadius: theme.shape.borderRadius,
|
|
25
25
|
backgroundColor: theme.palette.secondary.main,
|
|
26
26
|
marginRight: theme.spacing(1)
|