fix the bug of transition not working when changing from display none to block

2026-04-18 20:19:30 -07:00 · 2023-03-26 23:32:12 +08:00
parent 7f6cfe4366
commit 42a8bb8bc8
4 changed files with 59 additions and 25 deletions
--- a/assets/css/_partial/_image.scss
+++ b/assets/css/_partial/_image.scss
@@ -43,5 +43,10 @@
      transition-timing-function: ease-out;
      transition-duration: 0.2s;
    }
+    
+    &[data-status='overlay'] {
+      opacity: 1;
+      max-height: calc(100vh - var(--footer-height));
+    }
  }
 }