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

Fix tab navigation styling and CSS class consistency. Update all wp-allstars and wpa- prefixes to seoprostack prefix for CSS classes, text domains, and selectors.

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-24 03:51:56 +00:00
parent 3cf5f63174
commit a7537a000c
3 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
admin/settings.php
View File

@ -1500,7 +1500,7 @@ function wp_seoprostack_settings_page() {
</div>
</div>
<div class="wpa-settings-container">
<div class="seoprostack-settings-container">
<div class="seoprostack-nav">
<h2 class="nav-tab-wrapper">
<a href="?page=seoprostack&tab=general" class="nav-tab <?php echo $active_tab == 'general' ? 'nav-tab-active' : ''; ?>">
@ -1530,28 +1530,28 @@ function wp_seoprostack_settings_page() {
</h2>
</div>
<div class="wpa-settings-content">
<div class="seoprostack-settings-content">
<?php if ($active_tab == 'workflow'): ?>
<div class="seoprostack-settings-content tab-content" id="workflow">
<div class="tab-content" id="workflow">
<div class="seoprostack-toggle">
<div class="seoprostack-toggle-header" aria-expanded="false">
<div class="seoprostack-toggle-main">
<div class="seoprostack-toggle-left">
<div class="wp-toggle-switch">
<div class="seoprostack-toggle-switch">
<input type="checkbox"
id="wp_seoprostack_auto_upload_images"
name="wp_seoprostack_auto_upload_images"
value="1"
<?php checked(get_option('wp_seoprostack_auto_upload_images', get_option('wp_allstars_auto_upload_images', false))); ?>
/>
<span class="wp-toggle-slider"></span>
<span class="seoprostack-toggle-slider"></span>
</div>
<label for="wp_seoprostack_auto_upload_images">
<?php esc_html_e('Enable Auto Upload Images', 'seoprostack'); ?>
</label>
</div>
</div>
<p class="wp-setting-description">
<p class="seoprostack-setting-description">
<?php esc_html_e('Import images that have external URLs into your Media Library when saving. Consider disabling during large data imports with many external image URLs.', 'seoprostack'); ?>
</p>
</div>
@ -1936,29 +1936,29 @@ function wp_seoprostack_settings_page() {
</div>
<?php elseif ($active_tab == 'general'): ?>
<div class="tab-content" id="general">
<div class="wp-allstars-settings-section">
<div class="wp-allstars-settings-grid">
<div class="seoprostack-settings-section">
<div class="seoprostack-settings-grid">
<!-- Example of a simple toggle setting (no panel) -->
<div class="wp-setting-row">
<div class="wp-setting-header">
<div class="wp-setting-main">
<div class="wp-setting-left">
<div class="wp-toggle-switch">
<div class="seoprostack-setting-row">
<div class="seoprostack-setting-header">
<div class="seoprostack-setting-main">
<div class="seoprostack-setting-left">
<div class="seoprostack-toggle-switch">
<input type="checkbox"
id="wp_seoprostack_simple_setting"
name="wp_seoprostack_simple_setting"
value="1"
<?php checked(get_option('wp_seoprostack_simple_setting', get_option('wp_allstars_simple_setting', false))); ?>
/>
<span class="wp-toggle-slider"></span>
<span class="seoprostack-toggle-slider"></span>
</div>
<label for="wp_seoprostack_simple_setting" class="wp-setting-label">
<?php esc_html_e('Example: Simple Toggle', 'wp-allstars'); ?>
<label for="wp_seoprostack_simple_setting" class="seoprostack-setting-label">
<?php esc_html_e('Example: Simple Toggle', 'seoprostack'); ?>
</label>
</div>
</div>
<p class="wp-setting-description">
<?php esc_html_e('This is an example of a simple toggle setting without an expandable panel. Currently for demonstration purposes only.', 'wp-allstars'); ?>
<p class="seoprostack-setting-description">
<?php esc_html_e('This is an example of a simple toggle setting without an expandable panel. Currently for demonstration purposes only.', 'seoprostack'); ?>
</p>
</div>
</div>
@ -1966,34 +1966,34 @@ function wp_seoprostack_settings_page() {
</div>
<?php elseif ($active_tab == 'advanced'): ?>
<div class="tab-content" id="advanced">
<div class="wp-allstars-settings-section">
<div class="wp-allstars-settings-grid">
<div class="seoprostack-settings-section">
<div class="seoprostack-settings-grid">
<!-- Example of an expandable panel setting -->
<div class="seoprostack-toggle">
<div class="seoprostack-toggle-header" aria-expanded="false">
<div class="seoprostack-toggle-main">
<div class="seoprostack-toggle-left">
<div class="wp-toggle-switch">
<div class="seoprostack-toggle-switch">
<input type="checkbox"
id="wp_seoprostack_auto_upload_images"
name="wp_seoprostack_auto_upload_images"
value="1"
<?php checked(get_option('wp_seoprostack_auto_upload_images', get_option('wp_allstars_auto_upload_images', false))); ?>
/>
<span class="wp-toggle-slider"></span>
<span class="seoprostack-toggle-slider"></span>
</div>
<label for="wp_seoprostack_auto_upload_images">
<?php esc_html_e('Example: Expandable Panel', 'wp-allstars'); ?>
<?php esc_html_e('Example: Expandable Panel', 'seoprostack'); ?>
</label>
</div>
</div>
<p class="wp-setting-description">
<?php esc_html_e('This is an example of an expandable panel setting. Currently for demonstration purposes only - no actual functionality.', 'wp-allstars'); ?>
<p class="seoprostack-setting-description">
<?php esc_html_e('This is an example of an expandable panel setting. Currently for demonstration purposes only - no actual functionality.', 'seoprostack'); ?>
</p>
</div>
<div class="seoprostack-toggle-settings">
<div class="seoprostack-setting-row">
<label for="example_text"><?php esc_html_e('Example Text Field', 'wp-allstars'); ?></label>
<label for="example_text"><?php esc_html_e('Example Text Field', 'seoprostack'); ?></label>
<input type="text"
id="example_text"
name="example_text"