marcus/wpa-superstar-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify loading indicator to just show centered spinner

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-16 18:58:08 +00:00
parent 8de06cb869
commit b4dbd01519
3 changed files with 4 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
admin/css/wp-allstars-plugins.css
View File

@ -260,7 +260,6 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 100; z-index: 100;
display: flex; display: flex;
align-items: center; align-items: center;
@ -268,19 +267,9 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
min-height: 200px; min-height: 200px;
} }
.wp-allstars-loading-container { .wp-allstars-loading-overlay .spinner {
text-align: center;
padding: 20px;
}
.wp-allstars-loading-container p {
font-size: 16px;
margin-bottom: 60px;
}
.wp-allstars-loading-container .spinner {
float: none; float: none;
margin: 0 auto; margin: 0;
display: block; display: block;
} }

2
admin/js/wp-allstars-admin.js
View File

@ -155,7 +155,7 @@ jQuery(document).ready(function($) {
// Function to load plugins // Function to load plugins
function loadPlugins(category) { function loadPlugins(category) {
var $container = $('#wpa-plugin-list'); var $container = $('#wpa-plugin-list');
var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><div class="wp-allstars-loading-container"><p>Loading plugins...</p><span class="spinner is-active"></span></div></div>'); var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><span class="spinner is-active"></span></div>');
// Show loading overlay // Show loading overlay
$container.css('position', 'relative').append($loadingOverlay); $container.css('position', 'relative').append($loadingOverlay);

2
admin/settings.php
View File

@ -626,7 +626,7 @@ function wp_allstars_settings_page() {
if ($("#wpa-plugin-list").length && $("#wpa-plugin-list").is(":empty")) { if ($("#wpa-plugin-list").length && $("#wpa-plugin-list").is(":empty")) {
var category = "' . esc_js($active_category) . '"; var category = "' . esc_js($active_category) . '";
var $container = $("#wpa-plugin-list"); var $container = $("#wpa-plugin-list");
var $loadingOverlay = $("<div class=\"wp-allstars-loading-overlay\"><div class=\"wp-allstars-loading-container\"><p>Loading plugins...</p><span class=\"spinner is-active\"></span></div></div>"); var $loadingOverlay = $("<div class=\"wp-allstars-loading-overlay\"><span class=\"spinner is-active\"></span></div>");
// Show loading overlay // Show loading overlay
$container.css("position", "relative").append($loadingOverlay); $container.css("position", "relative").append($loadingOverlay);