From 4f88de74f6df586d579ddf9f2e86d376d49c8203 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Tue, 25 Mar 2025 01:51:33 +0000
Subject: [PATCH] Fix width issues and field notifications
---
admin/css/wp-allstars-admin.css | 22 ++++++++++++++++++++++
admin/js/wp-allstars-admin.js | 2 +-
2 files changed, 23 insertions(+), 1 deletion(-)
diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index 0023e8c..2c4e389 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -1377,6 +1377,12 @@ body.wp-admin .button.pricing-button:hover,
box-sizing: border-box !important;
}
+/* Fix general tab width to use full content width */
+#general .wp-allstars-settings-section {
+ max-width: 100% !important;
+ width: 100% !important;
+}
+
/* Fix specific tab content */
#general .wp-setting-row,
#advanced .wp-setting-row,
@@ -1389,4 +1395,20 @@ body.wp-admin .button.pricing-button:hover,
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
+}
+
+/* Make sure advanced tab content matches workflow tab width */
+#advanced .wp-allstars-settings-section {
+ max-width: 700px !important;
+ width: 100% !important;
+}
+
+/* Keep free plugins navigation full width */
+#recommended .nav-tab-wrapper,
+#recommended .subsubsub {
+ max-width: 100% !important;
+ width: 100% !important;
+ box-sizing: border-box;
+ margin: 0 0 25px 0 !important;
+ text-align: center;
}
\ No newline at end of file
diff --git a/admin/js/wp-allstars-admin.js b/admin/js/wp-allstars-admin.js
index 0969cd7..1fb7408 100644
--- a/admin/js/wp-allstars-admin.js
+++ b/admin/js/wp-allstars-admin.js
@@ -83,7 +83,7 @@ jQuery(document).ready(function($) {
// Handle text input changes
- $('.wp-allstars-setting-row input[type="text"], .wp-allstars-setting-row input[type="number"], .wp-allstars-setting-row textarea').on('change', function() {
+ $('.wp-allstars-setting-row input[type="text"], .wp-allstars-setting-row input[type="number"], .wp-allstars-setting-row textarea').on('blur change', function() {
var $input = $(this);
var option = $input.attr('name');
var value = $input.val();