diff --git a/CHANGELOG.md b/CHANGELOG.md index d274d0b..cce21da 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -23,6 +23,7 @@ _Can be run using `npm run codetotal:beta`_ - Add a report progress bar - Optimize new analysis dialog, drawer and linters list components' renders - Fix completed report receiving updates from ongoing analysis + - Fix Safari not showing Score component correctly #81 - Display "snippet" in results page instead of md5: xxxx - Back-End diff --git a/packages/app/src/analysis/components/AnalysisInputForm.tsx b/packages/app/src/analysis/components/AnalysisInputForm.tsx index 19afa01..a25c4e1 100644 --- a/packages/app/src/analysis/components/AnalysisInputForm.tsx +++ b/packages/app/src/analysis/components/AnalysisInputForm.tsx @@ -85,7 +85,7 @@ const useStyles = makeStyles()((theme: Theme) => ({ : `0px 0px 10px 10px #00000010`, width: "100%", marginInline: "auto", - minHeight: 280, + minHeight: 300, }, tabsContainer: { borderBottom: 1, diff --git a/packages/app/src/report/components/header/Score.tsx b/packages/app/src/report/components/header/Score.tsx index 7ce0252..4e2199f 100644 --- a/packages/app/src/report/components/header/Score.tsx +++ b/packages/app/src/report/components/header/Score.tsx @@ -37,6 +37,7 @@ export const Score: FC = ({ value={value} classes={{ circle: classes.circle, + svg: classes.svg, }} sx={{ zIndex: 1 }} color="inherit" @@ -48,6 +49,9 @@ export const Score: FC = ({ size={size} value={100} className={classes.centerAbsolute} + classes={{ + svg: classes.svg, + }} sx={{ zIndex: 0, color: "#d9d9d9", @@ -110,6 +114,10 @@ const useStyles = makeStyles()((theme: Theme) => ({ label: { fontSize: theme.typography.caption.fontSize, }, + svg: { + width: "100%", + height: "100%", + }, })); interface ScoreProps extends Omit {