IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Bug 67229 - Files. Loader animation does not work on macOS in Safari.

Browse Source
This commit is contained in:
Alexey Safronov 2024-04-05 12:43:02 +04:00
parent ec28800c59
commit dfde71420f
1 changed files with 60 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
packages/shared/components/loader/sub-components/Track.tsx
View File

@ -126,37 +126,82 @@ const Track = ({
<path
d="M 0,-100 A 100,100 0 0,1 86.6,-50"
stroke={`url(#spinner-color-${id}-1)`}
/>
>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</path>
<path
d="M 86.6,-50 A 100,100 0 0,1 86.6,50"
stroke={`url(#spinner-color-${id}-2)`}
/>
>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</path>
<path
d="M 86.6,50 A 100,100 0 0,1 0,100"
stroke={`url(#spinner-color-${id}-3)`}
/>
>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</path>
<path
d="M 0,100 A 100,100 0 0,1 -86.6,50"
stroke={`url(#spinner-color-${id}-4)`}
/>
>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</path>
<path
d="M -86.6,50 A 100,100 0 0,1 -86.6,-50"
stroke={`url(#spinner-color-${id}-5)`}
/>
>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</path>
<path
d="M -86.6,-50 A 100,100 0 0,1 0,-100"
stroke={`url(#spinner-color-${id}-6)`}
/>
>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</path>
</g>
<animateTransform
from="0 0 0"
to="360 0 0"
attributeName="transform"
type="rotate"
repeatCount="indefinite"
dur="1300ms"
/>
</StyledTrack>
);
};