@selfcommunity/react-theme-default 1.2.4 → 1.2.5-alpha.1
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 +1 -0
- package/lib/cjs/components/SCFooter.js +2 -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 +35 -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 +1 -0
- package/lib/esm/components/SCFooter.js +2 -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 +35 -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,7 @@ declare const theme: {
|
|
|
4890
4902
|
'& .SCFooter-item': {
|
|
4891
4903
|
padding: any;
|
|
4892
4904
|
color: any;
|
|
4905
|
+
textDecoration: string;
|
|
4893
4906
|
};
|
|
4894
4907
|
};
|
|
4895
4908
|
};
|
|
@@ -6969,6 +6982,7 @@ declare const theme: {
|
|
|
6969
6982
|
padding: string;
|
|
6970
6983
|
display: string;
|
|
6971
6984
|
justifyContent: string;
|
|
6985
|
+
alignItems: string;
|
|
6972
6986
|
'& > a:first-of-type': {
|
|
6973
6987
|
display: string;
|
|
6974
6988
|
justifyContent: string;
|
|
@@ -6979,9 +6993,9 @@ declare const theme: {
|
|
|
6979
6993
|
maxHeight: number;
|
|
6980
6994
|
paddingLeft: any;
|
|
6981
6995
|
};
|
|
6982
|
-
|
|
6983
|
-
|
|
6984
|
-
|
|
6996
|
+
'& button': {
|
|
6997
|
+
height: number;
|
|
6998
|
+
};
|
|
6985
6999
|
};
|
|
6986
7000
|
'& .MuiTypography-subtitle1': {
|
|
6987
7001
|
fontSize: string;
|
|
@@ -7105,6 +7119,11 @@ declare const theme: {
|
|
|
7105
7119
|
'& .MuiIconButton-root': {
|
|
7106
7120
|
color: any;
|
|
7107
7121
|
};
|
|
7122
|
+
'& .SCNavigationToolbar-link': {
|
|
7123
|
+
'&:hover': {
|
|
7124
|
+
textDecoration: string;
|
|
7125
|
+
};
|
|
7126
|
+
};
|
|
7108
7127
|
};
|
|
7109
7128
|
skeletonRoot: ({ theme }: any) => {
|
|
7110
7129
|
'& .SCNavigationToolbar-logo': {
|
|
@@ -9060,6 +9079,15 @@ declare const theme: {
|
|
|
9060
9079
|
'& .SCSearchAutocomplete-input': {
|
|
9061
9080
|
padding: any;
|
|
9062
9081
|
borderRadius: any;
|
|
9082
|
+
flexGrow: number;
|
|
9083
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9084
|
+
borderColor: string;
|
|
9085
|
+
borderWidth: number;
|
|
9086
|
+
};
|
|
9087
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
9088
|
+
outline: string;
|
|
9089
|
+
outlineOffset: number;
|
|
9090
|
+
};
|
|
9063
9091
|
'& .MuiAutocomplete-input': {
|
|
9064
9092
|
padding: any;
|
|
9065
9093
|
color: any;
|
|
@@ -11112,7 +11140,7 @@ declare const theme: {
|
|
|
11112
11140
|
};
|
|
11113
11141
|
'& .MuiCardContent-root': {
|
|
11114
11142
|
padding: any;
|
|
11115
|
-
'&
|
|
11143
|
+
'& h2': {
|
|
11116
11144
|
fontFamily: any;
|
|
11117
11145
|
fontWeight: any;
|
|
11118
11146
|
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)
|