From 3a6a89d2e8775e9121ed2fd658af0da48cfca612 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 17 Mar 2025 01:37:16 +0000
Subject: [PATCH] UI improvements: added Kadence theme buttons, fixed panel
spacing, and added consistent styling across panels
---
admin/css/wp-allstars-admin.css | 10 ++++++++--
admin/css/wp-allstars-plugins.css | 10 ++++++++--
admin/partials/theme-panel.php | 12 ++++++++++++
admin/settings.php | 4 ++--
4 files changed, 30 insertions(+), 6 deletions(-)
diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index 0a2c5ec..8df018f 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -503,10 +503,16 @@ input:checked + .wp-toggle-slider:before {
position: relative;
background: #fff;
border: 1px solid #ddd;
- border-radius: 3px;
- box-shadow: 0 1px 1px rgba(0,0,0,.04);
+ border-radius: 8px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
margin-bottom: 20px;
overflow: hidden;
+ transition: all 0.2s ease;
+}
+
+.theme-card:hover {
+ border-color: #2271b1;
+ box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.theme-image {
diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index 0fad64c..1944790 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -428,11 +428,17 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
padding: 0 10px;
background: #fff;
border: 1px solid #dcdcde;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
position: relative;
box-sizing: border-box;
width: 100%;
- border-radius: 3px;
+ border-radius: 8px;
+ transition: all 0.2s ease;
+}
+
+.wp-filter:hover {
+ border-color: #2271b1;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.filter-links {
diff --git a/admin/partials/theme-panel.php b/admin/partials/theme-panel.php
index 09c9d43..b2ccf54 100644
--- a/admin/partials/theme-panel.php
+++ b/admin/partials/theme-panel.php
@@ -76,6 +76,18 @@ if (!defined('ABSPATH')) {
<a class="button button-secondary preview install-theme-preview" href="<?php echo esc_url($theme_data->preview_url); ?>" target="_blank">
<?php esc_html_e('Preview'); ?>
</a>
+ <a class="button button-secondary" href="https://www.kadencewp.com/kadence-theme/starter-templates/" target="_blank">
+ <?php esc_html_e('Templates'); ?>
+ </a>
+ <a class="button button-secondary" href="https://www.kadencewp.com/wordpress-solutions/kadence-ai/" target="_blank">
+ <?php esc_html_e('Starter AI'); ?>
+ </a>
+ <a class="button button-secondary" href="https://www.kadencewp.com/kadence-theme/marketplace/" target="_blank">
+ <?php esc_html_e('Marketplace'); ?>
+ </a>
+ <a class="button button-secondary" href="https://www.kadencewp.com/pricing/" target="_blank">
+ <?php esc_html_e('Pricing'); ?>
+ </a>
<a class="button button-primary" href="https://www.kadencewp.com/kadence-theme/" target="_blank">
<?php esc_html_e('Go Pro'); ?>
</a>
diff --git a/admin/settings.php b/admin/settings.php
index 58b4b3a..0f96720 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -1764,7 +1764,7 @@ function wp_allstars_settings_page() {
?>
<div class="wpa-pro-plugin">
<h3><?php echo esc_html($provider['name']); ?></h3>
- <p><?php echo esc_html($provider['description']); ?></p>
+ <p style="min-height: 80px;"><?php echo esc_html($provider['description']); ?></p>
<?php if (isset($provider['button_group'])): ?>
<div class="button-group">
<?php foreach ($provider['button_group'] as $button): ?>
@@ -2141,7 +2141,7 @@ function wp_allstars_settings_page() {
?>
<div class="wpa-pro-plugin">
<h3><?php echo esc_html($tool['name']); ?></h3>
- <p><?php echo esc_html($tool['description']); ?></p>
+ <p style="min-height: 80px;"><?php echo esc_html($tool['description']); ?></p>
<?php if (isset($tool['button_group'])): ?>
<div class="button-group">
<?php foreach ($tool['button_group'] as $button): ?>