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(-)
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