smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: tweak copy button success animation (#8441)

Browse source
This commit is contained in:
David Luzar 2024-08-29 00:43:01 +02:00 • committed by GitHub
parent 00af35c692
commit 576bc0dbe5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
packages/excalidraw/components/FilledButton.scss
View file

@ -1,5 +1,19 @@
@import "../css/variables.module.scss"; @import "../css/variables.module.scss";
@keyframes successStatusAnimation {
0% {
transform: scale(0.35);
}
50% {
transform: scale(1.25);
}
100% {
transform: scale(1);
}
}
.excalidraw { .excalidraw {
.ExcButton { .ExcButton {
--text-color: transparent; --text-color: transparent;
@ -22,9 +36,10 @@
visibility: visible; visibility: visible;
position: absolute; position: absolute;
width: 1rem; width: 1.2rem;
height: 1rem; height: 1.2rem;
font-size: 1rem;
animation: successStatusAnimation 0.5s cubic-bezier(0.3, 1, 0.6, 1);
} }
&.ExcButton--status-loading, &.ExcButton--status-loading,