fix: <svg> attribute width="<N>rem" errors in Safari (#21550)

* fix: <svg> attribute width="2rem" error in Safari
I changed the with and height value for all svgs used in the LeftMenu. It was changed from 2rem to 20px. Rem was leading to the error message Error: Invalid value for <svg> attribute width="2rem" in the safari browser.

* fix: <svg> attribute width="1.2rem" error in Safari
I changed the with and height value for all svgs used in the Onboarding. It was changed from 1.2rem to 12px. Rem was leading to the error message Error: Invalid value for attribute width="1.2rem" in the safari browser.

* Update packages/core/admin/admin/src/components/LeftMenu.tsx

Co-authored-by: Simone <startae14@gmail.com>

* 12px => 12

---------

Co-authored-by: Simone <startae14@gmail.com>
This commit is contained in:
Den 2024-10-02 15:24:19 +03:00 committed by GitHub
parent 44b2147cf3
commit 959c5589d0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions

View File

@ -100,7 +100,7 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }: LeftMenuProps) =
aria-label={labelValue}
>
<NavLink.Icon label={labelValue}>
<LinkIcon width="2rem" height="2rem" fill="neutral500" />
<LinkIcon width="20" height="20" fill="neutral500" />
</NavLink.Icon>
{badgeContentLock ? (
<NavLinkBadgeLock

View File

@ -112,7 +112,7 @@ const Onboarding = () => {
width={6}
height={6}
>
<Play fill="buttonNeutral0" width="1.2rem" height="1.2rem" />
<Play fill="buttonNeutral0" width="12" height="12" />
</IconWrapper>
</Box>
<Flex direction="column" alignItems="start" paddingLeft={4}>