From bba9ceb870a742bac1aef2c6ddd2b858917a2ea1 Mon Sep 17 00:00:00 2001 From: Kuuuube <61125188+Kuuuube@users.noreply.github.com> Date: Thu, 20 Jun 2024 00:18:51 -0400 Subject: Show loading message before action popup is loaded (#1090) --- 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(-) (limited to 'ext') diff --git a/ext/action-popup.html b/ext/action-popup.html index e160b0fc..64e3c21f 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 5b68396f..db2e7f1e 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 d8eb87bc..4137d5c3 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; }); -- cgit v1.2.3