Merge pull request #222 from Cognifide/bugfix/styling-widget-edit-popup

animate save button
wttech · Jan 14, 2020 · 4c134f1 · 4c134f1
2 parents 4ab0dac + 17d07c2
commit 4c134f1
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/cogboard-webapp/src/components/MainTemplate/styled.js b/cogboard-webapp/src/components/MainTemplate/styled.js
@@ -15,6 +15,22 @@ export const StyledActions = styled(Box)`
 
 export const StyledSaveFab = styled(Fab)`
   margin-right: 16px;
+  animation: pulse 2s infinite;
+
+  @keyframes pulse {
+    0% {
+      opacity: 0.7;
+      box-shadow: 0 0 0 0 rgba(28, 38, 48, 0.4);
+    }
+    70% {
+      opacity: 1;
+      box-shadow: 0 0 0 10px rgba(28, 38, 48, 0);
+    }
+    100% {
+      opacity: 0.7;
+      box-shadow: 0 0 0 0 rgba(28, 38, 48, 0);
+    }
+  }
 `;
 
 export const StyledBoardList = styled(BoardList)`