From 250f68c3d3b97e80f067ef9e9aebed8abbfee391 Mon Sep 17 00:00:00 2001 From: Dorian Koch <doriank@fsmpi.rwth-aachen.de> Date: Sat, 14 Dec 2024 13:27:42 +0100 Subject: [PATCH] Fix UpdateOverlay briefly showing on page load --- src/styles/globals.scss | 26 ++++---------------------- 1 file changed, 4 insertions(+), 22 deletions(-) diff --git a/src/styles/globals.scss b/src/styles/globals.scss index 405d9d1..cb60105 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -286,32 +286,14 @@ $link-decoration: none; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; pointer-events: none; - animation: fadeOut 0.3s ease-in-out forwards; + opacity: 0; + transition: opacity 0.3s ease-in-out; } .edits-disabled-overlay.visible { - animation: fadeIn 0s ease-in-out forwards; + opacity: 1; pointer-events: none; -} - -@keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - - to { - opacity: 0; - } + transition: opacity 0.1s ease-in-out; } .make-span-overflow-scroll span { -- GitLab