From e39b1b1ee2b096e6c8c3da1017e8f6f2e0083cce Mon Sep 17 00:00:00 2001
From: Sychev Andrey <44414066+SychevAndrey@users.noreply.github.com>
Date: Wed, 19 Nov 2025 09:50:34 +0100
Subject: [PATCH] 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>
---
 .../core-blocks/src/Slide/SlideOverlay.module.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css b/webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css
index 3b1ffd7274..82db6da7ab 100644
--- a/webapp/packages/core-blocks/src/Slide/SlideOverlay.module.css
+++ b/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;