From f0fa022c691bedc7b497dedf4901275b91699813 Mon Sep 17 00:00:00 2001 From: ChrisColeTech Date: Fri, 30 Aug 2024 04:04:27 -0400 Subject: [PATCH] fix invisible element --- web/assets/css/styles.css | 5 +++++ web/assets/js/script.js | 2 ++ 2 files changed, 7 insertions(+) diff --git a/web/assets/css/styles.css b/web/assets/css/styles.css index fd67165a..2b37c330 100644 --- a/web/assets/css/styles.css +++ b/web/assets/css/styles.css @@ -26,6 +26,11 @@ will-change: transform; text-align: center; transition: width 0.8s ease, height 0.8s ease, transform 0.3s ease; + transform: scale(0); +} + +#chart-button-container.active { + transform: scale(1); } #mydivheader { diff --git a/web/assets/js/script.js b/web/assets/js/script.js index b08eed65..8f3379d6 100644 --- a/web/assets/js/script.js +++ b/web/assets/js/script.js @@ -678,6 +678,7 @@ window.showPerfMonitor = async function () { localStorage.setItem('shouldShowPerfMonitor', shouldShowPerfMonitor) const chartButton = document.getElementById('chart-button') const chartWrapper = document.getElementById('chart-wrapper') + const chartButtonContainer = document.getElementById('chart-button-container') if (shouldShowPerfMonitor === true) { localStorage.setItem('hasUpdates', 'true') @@ -693,6 +694,7 @@ window.showPerfMonitor = async function () { } $(chartButton).toggleClass('active') + $(chartButtonContainer).toggleClass('active') } // when the close button is clicked