Move loading spinner below the Loading plugins text with 50px spacing

This commit is contained in:
Marcus Quinn
2025-03-16 18:52:49 +00:00
parent c704dbecd8
commit 55071d3bc8
2 changed files with 2 additions and 2 deletions

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 style="display: flex; align-items: center; justify-content: center;"><span class="spinner is-active" style="margin-right: 10px;"></span><p>Loading plugins...</p></div></div>'); var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center;"><p style="margin-bottom: 50px;">Loading plugins...</p><span class="spinner is-active"></span></div></div>');
// Show loading overlay // Show loading overlay
$container.css('position', 'relative').append($loadingOverlay); $container.css('position', 'relative').append($loadingOverlay);

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 style=\"display: flex; align-items: center; justify-content: center;\"><span class=\"spinner is-active\" style=\"margin-right: 10px;\"></span><p>Loading plugins...</p></div></div>"); var $loadingOverlay = $("<div class=\"wp-allstars-loading-overlay\"><div style=\"display: flex; flex-direction: column; align-items: center; justify-content: center;\"><p style=\"margin-bottom: 50px;\">Loading plugins...</p><span class=\"spinner is-active\"></span></div></div>");
// Show loading overlay // Show loading overlay
$container.css("position", "relative").append($loadingOverlay); $container.css("position", "relative").append($loadingOverlay);