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

fix: mobile percentagecircle (#502)

Browse Source
This commit is contained in:
Fredrik Strand Oseberg 2021-11-12 12:41:36 +01:00 committed by GitHub
parent 3465f4c664
commit 1dd6e1d65c
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/component/common/PercentageCircle/PercentageCircle.tsx
View File

@ -10,6 +10,7 @@ const PercentageCircle = ({
styles,
percentage,
secondaryPieColor,
...rest
}: IPercentageCircleProps) => {
const theme = useTheme();
@ -40,7 +41,7 @@ const PercentageCircle = ({
);
}
return <div style={{ ...circle, ...styles }} />;
return <div style={{ ...circle, ...styles }} {...rest} />;
};
export default PercentageCircle;

5
frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironmentMetrics/FeatureOverviewEnvironmentMetrics.styles.ts
View File

@ -36,4 +36,9 @@ export const useStyles = makeStyles(theme => ({
display: 'none',
},
},
[theme.breakpoints.down(400)]: {
percentageCircle: {
display: 'none',
},
},
}));

6
frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironmentMetrics/FeatureOverviewEnvironmentMetrics.tsx
View File

@ -48,7 +48,11 @@ const FeatureOverviewEnvironmentMetrics = ({
the last hour.
</p>
</div>
<PercentageCircle percentage={percentage} data-loading />
<PercentageCircle
className={styles.percentageCircle}
percentage={percentage}
data-loading
/>
</div>
);
};