Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

fix: constraints scrollbars (#504)

Browse Source
This commit is contained in:
Fredrik Strand Oseberg 2021-11-22 11:32:43 +01:00 committed by GitHub
parent 2c7b544540
commit 47bfda1f7b
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/component/common/Constraint/Constraint.styles.ts
View File

@ -7,7 +7,6 @@ export const useStyles = makeStyles(theme => ({
}, },
constraint: { constraint: {
width: '100%', width: '100%',
overflow: 'scroll',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',

4
frontend/src/component/common/Constraint/Constraint.tsx
View File

@ -12,12 +12,12 @@ interface IConstraintProps {
const Constraint = ({ constraint, className, ...rest }: IConstraintProps) => { const Constraint = ({ constraint, className, ...rest }: IConstraintProps) => {
const styles = useStyles(); const styles = useStyles();
const classes = classnames(styles.constraint, className, { const classes = classnames(styles.constraint, {
[styles.column]: constraint.values.length > 2, [styles.column]: constraint.values.length > 2,
}); });
return ( return (
<div className={classes} {...rest}> <div className={classes + ' ' + className} {...rest}>
<StringTruncator text={constraint.contextName} maxWidth="125" /> <StringTruncator text={constraint.contextName} maxWidth="125" />
<FeatureStrategiesSeparator <FeatureStrategiesSeparator
text={constraint.operator} text={constraint.operator}

2
frontend/src/component/feature/FeatureView2/FeatureStrategies/FeatureStrategyAccordion/FeatureStrategyAccordionBody/FeatureStrategyAccordionBody.styles.ts
View File

@ -21,6 +21,6 @@ export const useStyles = makeStyles(theme => ({
fontSize: theme.fontSizes.smallBody, fontSize: theme.fontSizes.smallBody,
}, },
constraintBody: { constraintBody: {
justifyContent: 'flex-start', maxWidth: '350px',
}, },
})); }));