Prechádzať zdrojové kódy

feat: add rotate animation to block-control arrow

Junyu Zhan 4 rokov pred
rodič
commit
34d20feb90
1 zmenil súbory, kde vykonal 10 pridanie a 0 odobranie
  1. 10 0
      src/main/frontend/components/block.css

+ 10 - 0
src/main/frontend/components/block.css

@@ -139,6 +139,16 @@
   }
 }
 
+.block-control {
+  .not-collapsed svg {
+    transform: rotate(90deg);
+  }
+
+  .arrow svg {
+    transition: all 100ms ease-in 0ms;
+  }
+}
+
 .block-control,
 .block-control:hover {
   text-decoration: none;