scriptified.dev icon indicating copy to clipboard operation
scriptified.dev copied to clipboard

Mobile: Share icon also rotating with it's container

Open gupta-ji6 opened this issue 3 years ago • 1 comments

Description

There's a share button visible only for mobile devices. I recently observed that the share icon also now rotates with the container, which wasn't the case before. Probably some tailwind upgrade might have caused this.

P.S. This might be happening just in Safari, need to check on Chrome engine too once. https://user-images.githubusercontent.com/21218732/211520400-6205fc43-8461-464f-8333-3ea2f0c50aea.MP4

Expectation

Only the button container should rotate, not the icon.

gupta-ji6 avatar Jan 10 '23 10:01 gupta-ji6

Hey, could you explain me how the rotation would look like ? It looks like you dont really need the animate-spin-slow class, it is just rotating the ShareIconButton and not the container.

https://github.com/scriptified/scriptified.dev/blob/b5b5185434e9d1738eedca0260b9e41c36e72b03/components/common/FloatingShareButton.tsx#LL69C9-L69C18

hussamkhatib avatar Mar 04 '23 22:03 hussamkhatib