Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00
Code Issues Projects Releases Wiki Activity

PR comments

Browse Source
This commit is contained in:
andreas-unleash 2022-07-26 13:10:30 +03:00
parent f99937a334
commit 9ce7572ba0
6 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.styles.ts
View File

@ -3,7 +3,7 @@ import { makeStyles } from 'tss-react/mui';
export const useStyles = makeStyles()(theme => ({ export const useStyles = makeStyles()(theme => ({
inputContainer: { inputContainer: {
padding: '1rem', padding: '1rem',
backgroundColor: theme.palette.grey[100], backgroundColor: theme.palette.neutral.light,
}, },
buttonContainer: { buttonContainer: {
display: 'flex', display: 'flex',

2
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx
View File

@ -69,7 +69,7 @@ export const RestrictiveLegalValues = ({
Select values from a predefined set Select values from a predefined set
</ConstraintFormHeader> </ConstraintFormHeader>
<ConditionallyRender <ConditionallyRender
condition={Boolean(legalValues.length > 100)} condition={legalValues.length > 100}
show={ show={
<ConstraintValueSearch <ConstraintValueSearch
filter={filter} filter={filter}

16
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/StyledToggleButton.tsx
View File

@ -2,22 +2,22 @@ import { styled } from '@mui/system';
import { IconButton } from '@mui/material'; import { IconButton } from '@mui/material';
export const StyledToggleButtonOff = styled(IconButton)(({ theme }) => ({ export const StyledToggleButtonOff = styled(IconButton)(({ theme }) => ({
width: 28, width: '28px',
minWidth: '28px!important', minWidth: '28px',
minHeight: 40, maxWidth: '28px',
backgroundColor: 'white', backgroundColor: theme.palette.tertiary.background,
borderRadius: theme.shape.borderRadius, borderRadius: theme.shape.borderRadius,
padding: '0 1px 0', padding: '0 1px 0',
marginRight: '1rem', marginRight: '1rem',
'&:hover': { '&:hover': {
background: theme.palette.grey[300], background: theme.palette.tertiary.contrast[300],
}, },
})); }));
export const StyledToggleButtonOn = styled(IconButton)(({ theme }) => ({ export const StyledToggleButtonOn = styled(IconButton)(({ theme }) => ({
width: 28, width: '28px',
minWidth: '28px!important', minWidth: '28px',
minHeight: 40, maxWidth: '28px',
color: theme.palette.primary.contrastText, color: theme.palette.primary.contrastText,
backgroundColor: theme.palette.primary.main, backgroundColor: theme.palette.primary.main,
borderRadius: theme.shape.borderRadius, borderRadius: theme.shape.borderRadius,

1
frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
View File

@ -33,7 +33,6 @@ export const ConstraintAccordionView = ({
); );
const handleClick = () => { const handleClick = () => {
console.log('click');
if (expandable) { if (expandable) {
setExpanded(!expanded); setExpanded(!expanded);
} }

2
frontend/src/themes/theme.ts
View File

@ -95,6 +95,8 @@ export default createTheme({
light: colors.grey[200], light: colors.grey[200],
main: colors.grey[400], main: colors.grey[400],
dark: colors.grey[600], dark: colors.grey[600],
background: 'white',
contrast: colors.grey[300]
}, },
divider: colors.grey[300], divider: colors.grey[300],
dividerAlternative: colors.grey[400], dividerAlternative: colors.grey[400],

2
frontend/src/themes/themeTypes.ts
View File

@ -88,6 +88,8 @@ declare module '@mui/material/styles' {
main: string; main: string;
light: string; light: string;
dark: string; dark: string;
background: string;
contrast: string
}; };
} }