From dd4937178f6c7228796b27faf08ce0a3da26f527 Mon Sep 17 00:00:00 2001 From: patriceac <48073125+patriceac@users.noreply.github.com> Date: Tue, 24 Jan 2023 01:37:37 -0800 Subject: [PATCH] Fix the tooltip display over image modifier cards --- ui/media/css/main.css | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/ui/media/css/main.css b/ui/media/css/main.css index 68f067b8..c362906b 100644 --- a/ui/media/css/main.css +++ b/ui/media/css/main.css @@ -876,18 +876,19 @@ input::file-selector-button { /* SIMPLE TOOTIP */ .simple-tooltip { - border-radius: 3px; - font-weight: bold; - font-size: 12px; + border-radius: 3px; + font-weight: bold; + font-size: 12px; background-color: var(--background-color3); visibility: hidden; - opacity: 0; - position: absolute; - width: max-content; - max-width: 300px; - padding: 8px 12px; - transition: 0.3s all; + opacity: 0; + position: absolute; + width: max-content; + max-width: 300px; + padding: 8px 12px; + transition: 0.3s all; + z-index: 1000; pointer-events: none; }