feat: nice pencil icon transition on hover

sereneinserenade · May 28, 2022 · 91ab179 · 91ab179
1 parent 4bc70a2
commit 91ab179
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/pages/Newtab/components/note/styles/NotePreview.scss b/src/pages/Newtab/components/note/styles/NotePreview.scss
@@ -10,7 +10,7 @@
     transition: none;
 
     .control-buttons {
-      display: flex !important;
+      max-width: 50px !important;
     }
   }
 
@@ -40,9 +40,12 @@
       }
 
       .control-buttons {
-        display: none;
         margin-right: 2px;
         transform: translateY(8px);
+        overflow: hidden;
+        display: inline-flex;
+        transition: all 0.2s ease-in-out;
+        max-width: 0;
       }
     }
   }