From 2a4a46c61a5d5376bea65b28d0eb6a7ec2fdf4e5 Mon Sep 17 00:00:00 2001
From: M A E R Y O <pu8046@gmail.com>
Date: Mon, 31 Jul 2023 20:08:30 +0900
Subject: [PATCH] fix: resolved CSS rendering issue in Chrome browser (#2582)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 이광오 <maeryo@hanwha.com>
---
 frontend/src/css/dashboard.css | 8 +++++---
 frontend/src/css/styles.css    | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/css/dashboard.css b/frontend/src/css/dashboard.css
index d8c6902d..d0191e95 100644
--- a/frontend/src/css/dashboard.css
+++ b/frontend/src/css/dashboard.css
@@ -318,6 +318,8 @@ body.rtl .card .card-title>*:first-child {
   height: 100%;
   width: 100%;
   z-index: 9999;
+  visibility: hidden;
+  opacity: 0;
   animation: .1s show forwards;
 }
 
@@ -379,15 +381,15 @@ body.rtl .card .card-title>*:first-child {
 
 @keyframes show {
   0% {
-    display: none;
+    visibility: hidden;
     opacity: 0;
   }
   1% {
-    display: block;
+    visibility: visible;
     opacity: 0;
   }
   100% {
-    display: block;
+    visibility: visible;
     opacity: 1;
   }
 }
diff --git a/frontend/src/css/styles.css b/frontend/src/css/styles.css
index f1497f8f..21d8bc82 100644
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -128,7 +128,7 @@ main .spinner .bounce2 {
 }
 
 #click-overlay.active {
-  display: block;
+  visibility: visible;
 }
 
 .action .counter {