Add a small animation on the add stories button

11 months ago · 097cc39c27
1 changed files with 11 additions and 0 deletions
--- a/app/Widgets/Stories/stories.css
+++ b/app/Widgets/Stories/stories.css
@ -21,6 +21,17 @@
    flex-direction: row;
    background-color: rgba(var(--movim-font), 0.1);
    width: 7rem;
+    transition: transform .3s;
+}
+
+#stories ul.list.flex li.block.add:hover {
+    background-color: rgba(var(--movim-font), 0.2);
+    transform: scale(0.975);
+}
+
+#stories ul.list.flex li.block.add:active {
+    background-color: rgba(var(--movim-font), 0.1);
+    transform: scale(0.9);
 }

 #stories ul.list.flex li.block.add > div {