dbeaver/pro#5833 feat: add animation for enabling pointer events when content is in place (#3908)

Co-authored-by: Evgenia <139753579+EvgeniaBzzz@users.noreply.github.com>

webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css

@@ -1,10 +1,9 @@
-/*
- * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
- *
- * Licensed under the Apache License, Version 2.0.
- * you may not use this file except in compliance with the License.
- */
+@keyframes enableEvents {
+  to {
+    pointer-events: auto;
+  }
+}
+
 .slideOverlay {
   z-index: 1;
   position: absolute;
@@ -17,6 +16,7 @@
   left: 0;
   background: rgb(0 0 0 / 0%);
   transition: background ease-in-out 0.3s;
+  pointer-events: none;
 }
 
 .iconBtn {
@@ -40,6 +40,7 @@
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 35%);
+  animation: enableEvents 0.3s forwards;
 
   & > div {
     display: flex;