diff --git a/src/css/ui/components/button.css b/src/css/ui/components/button.css index 3e63dfd6..1d6724a6 100644 --- a/src/css/ui/components/button.css +++ b/src/css/ui/components/button.css @@ -118,6 +118,11 @@ a.button:hover { transform: translate(0, 0.1rem); } +/* Fixes icon jitter on click in safari (and thus tauri) */ +.button .icon { + will-change: transform; +} + /* -- Sizes ---------------------------------------------------------------- */ .button.small { diff --git a/storybook/stories/Stories/UI/Button.elm b/storybook/stories/Stories/UI/Button.elm index 470b3962..c3c1b03f 100644 --- a/storybook/stories/Stories/UI/Button.elm +++ b/storybook/stories/Stories/UI/Button.elm @@ -27,7 +27,7 @@ elements = , B.icon UserClicked I.unisonMark , B.iconThenLabel UserClicked I.unisonMark "Icon then Label" , B.labelThenIcon UserClicked "Label then Icon" I.unisonMark - , B.iconThenLabelThenIcon UserClicked I.unisonMark "Icon then Label then Icon" I.unisonMark + , B.iconThenLabelThenIcon UserClicked I.unisonMark "Icon then Label then Icon" I.caretDown ]