mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-19 00:15:43 +01:00
1-3145: counteract the MUI button's negative margin
This change styles the project status svg for this by giving it a negative margin in this case. This isn't a native MUI icon, so handling it is a bit tricky. That said, the ideal solution would be to make the icon conform better to MUI standards, but this is a quick fix for now.
This commit is contained in:
parent
c18952f374
commit
6688259229
@ -118,6 +118,10 @@ const ProjectStatusButton = styled(Button)(({ theme }) => ({
|
|||||||
},
|
},
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
const ProjectStatusSvgWithMargin = styled(ProjectStatusSvg)(({ theme }) => ({
|
||||||
|
marginLeft: theme.spacing(0.5),
|
||||||
|
}));
|
||||||
|
|
||||||
export const Project = () => {
|
export const Project = () => {
|
||||||
const projectId = useRequiredPathParam('projectId');
|
const projectId = useRequiredPathParam('projectId');
|
||||||
const { trackEvent } = usePlausibleTracker();
|
const { trackEvent } = usePlausibleTracker();
|
||||||
@ -300,7 +304,7 @@ export const Project = () => {
|
|||||||
{simplifyProjectOverview && (
|
{simplifyProjectOverview && (
|
||||||
<ProjectStatusButton
|
<ProjectStatusButton
|
||||||
onClick={() => setProjectStatusOpen(true)}
|
onClick={() => setProjectStatusOpen(true)}
|
||||||
startIcon={<ProjectStatusSvg />}
|
startIcon={<ProjectStatusSvgWithMargin />}
|
||||||
data-loading-project
|
data-loading-project
|
||||||
>
|
>
|
||||||
Project status
|
Project status
|
||||||
|
Loading…
Reference in New Issue
Block a user