|
@@ -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;
|
|
|
|
- height: 1rem;
|
|
|
|
- font-size: 1rem;
|
|
|
|
|
|
+ width: 1.2rem;
|
|
|
|
+ height: 1.2rem;
|
|
|
|
+
|
|
|
|
+ animation: successStatusAnimation 0.5s cubic-bezier(0.3, 1, 0.6, 1);
|
|
}
|
|
}
|
|
|
|
|
|
&.ExcButton--status-loading,
|
|
&.ExcButton--status-loading,
|