Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

refactor: add a MainTheme type (#686)

Browse Source 
* refactor: add a MainTheme type

* refactor: use numbers for z-index values
This commit is contained in:
olav 2022-02-09 13:55:46 +01:00 committed by GitHub
parent 010f766de9
commit 93aa1ab8b8
11 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/component/admin/users/UserForm/UserForm.styles.ts
View File

@ -38,7 +38,6 @@ export const useStyles = makeStyles(theme => ({
position: 'relative',
},
errorMessage: {
// @ts-expect-error
fontSize: theme.fontSizes.smallBody,
color: theme.palette.error.main,
position: 'absolute',

2
frontend/src/component/common/Feedback/Feedback.styles.ts
View File

@ -4,7 +4,7 @@ export const useStyles = makeStyles(theme => ({
feedback: {
borderRadius: '12.5px',
backgroundColor: '#fff',
zIndex: '9999',
zIndex: 9999,
boxShadow: '2px 2px 4px 4px rgba(143,143,143, 0.25)',
padding: '1.5rem',
maxWidth: '400px',

2
frontend/src/component/common/Splash/Splash.styles.ts
View File

@ -29,7 +29,7 @@ export const useStyles = makeStyles(theme => ({
right: '0px',
bottom: '0px',
padding: '2rem 0',
zIndex: '500',
zIndex: 500,
position: 'fixed',
width: '100%',
height: '100%',

1
frontend/src/component/context/ContextForm/ContextForm.styles.ts
View File

@ -54,7 +54,6 @@ export const useStyles = makeStyles(theme => ({
position: 'relative',
},
errorMessage: {
// @ts-expect-error
fontSize: theme.fontSizes.smallBody,
color: theme.palette.error.main,
position: 'absolute',

1
frontend/src/component/environments/EnvironmentForm/EnvironmentForm.styles.ts
View File

@ -38,7 +38,6 @@ export const useStyles = makeStyles(theme => ({
position: 'relative',
},
errorMessage: {
// @ts-expect-error
fontSize: theme.fontSizes.smallBody,
color: theme.palette.error.main,
position: 'absolute',

1
frontend/src/component/environments/EnvironmentForm/EnvironmentTypeSelector/EnvironmentTypeSelector.styles.ts
View File

@ -6,7 +6,6 @@ export const useStyles = makeStyles(theme => ({
},
formHeader: {
fontWeight: 'bold',
// @ts-expect-error
fontSize: theme.fontSizes.bodySize,
marginTop: '1.5rem',
marginBottom: '0.5rem',

2
frontend/src/component/feature/FeatureForm/FeatureForm.styles.ts
View File

@ -38,7 +38,6 @@ export const useStyles = makeStyles(theme => ({
marginBottom: '0.5rem',
},
typeDescription: {
// @ts-expect-error
fontSize: theme.fontSizes.smallBody,
color: theme.palette.grey[600],
top: '-13px',
@ -55,7 +54,6 @@ export const useStyles = makeStyles(theme => ({
position: 'relative',
},
errorMessage: {
// @ts-expect-error
fontSize: theme.fontSizes.smallBody,
color: theme.palette.error.main,
position: 'absolute',

2
frontend/src/component/menu/Header/Header.styles.ts
View File

@ -7,7 +7,7 @@ export const useStyles = makeStyles(theme => ({
padding: '0.5rem',
boxShadow: 'none',
position: 'relative',
zIndex: '300',
zIndex: 300,
},
links: {
display: 'flex',

1
frontend/src/component/tagTypes/TagTypeForm/TagTypeForm.styles.ts
View File

@ -38,7 +38,6 @@ export const useStyles = makeStyles(theme => ({
position: 'relative',
},
errorMessage: {
// @ts-expect-error
fontSize: theme.fontSizes.smallBody,
color: theme.palette.error.main,
position: 'absolute',

2
frontend/src/component/user/UserProfile/UserProfileContent/UserProfileContent.styles.js
View File

@ -3,7 +3,7 @@ import { makeStyles } from '@material-ui/styles';
export const useStyles = makeStyles(theme => ({
profile: {
position: 'absolute',
zIndex: '5000',
zIndex: 5000,
minWidth: '300px',
right: 0,
padding: '1.5rem',

18
frontend/src/themes/main-theme.js → frontend/src/themes/main-theme.ts
View File

@ -1,6 +1,16 @@
import { createTheme } from '@material-ui/core/styles';
import { createTheme, Theme } from '@material-ui/core/styles';
const theme = createTheme({
type MainTheme = typeof mainTheme;
declare module '@material-ui/core/styles/createTheme' {
interface Theme extends MainTheme {}
}
declare module '@material-ui/core/styles/makeStyles' {
interface Theme extends MainTheme {}
}
const mainTheme = {
typography: {
fontFamily: ['Sen', 'Roboto, sans-serif'],
fontWeightBold: '700',
@ -117,6 +127,6 @@ const theme = createTheme({
semi: '700',
bold: '700',
},
});
};
export default theme;
export default createTheme(mainTheme as unknown as Theme);