From abe64ce3eb7692954f8efe7ffe58d1a398e9702d Mon Sep 17 00:00:00 2001 From: kuuuube Date: Wed, 19 Jun 2024 20:26:17 -0400 Subject: [PATCH] Show loading message before action popup is loaded --- ext/action-popup.html | 8 +++++++- ext/css/action-popup.css | 6 ++++++ ext/js/pages/action-popup-main.js | 2 -- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/ext/action-popup.html b/ext/action-popup.html index e160b0fc2a..64e3c21f96 100644 --- a/ext/action-popup.html +++ b/ext/action-popup.html @@ -14,8 +14,13 @@ - + +
+ Loading... +
+ +
+
diff --git a/ext/css/action-popup.css b/ext/css/action-popup.css index 5b68396fff..db2e7f1ea1 100644 --- a/ext/css/action-popup.css +++ b/ext/css/action-popup.css @@ -208,6 +208,12 @@ label { body[data-loaded=true] .toggle-group { transition: transform 0.35s; } +body[data-loaded=true] #loading { + display: none; +} +body:not([data-loaded=true]) #action-popups { + display: none; +} .toggle-on, .toggle-off, diff --git a/ext/js/pages/action-popup-main.js b/ext/js/pages/action-popup-main.js index d8eb87bc25..4137d5c309 100644 --- a/ext/js/pages/action-popup-main.js +++ b/ext/js/pages/action-popup-main.js @@ -328,6 +328,4 @@ await Application.main(true, async (application) => { const displayController = new DisplayController(application.api); await displayController.prepare(); - - document.body.hidden = false; });