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

Update Workflow toggle styling: - Match RankMath-style toggle switches - Remove old toggle switch styles - Consistent styling across all tabs

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-15 02:14:12 +00:00
parent 73015b7a1a
commit 8bfb96b016
2 changed files with 23 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
admin/css/wpa-superstar-admin.css
View File

@ -220,71 +220,40 @@
} }
.wpa-superstar-workflow-toggle { .wpa-superstar-workflow-toggle {
margin: 20px 0; /* Remove these style blocks entirely */
padding: 15px;
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
} }
.wpa-superstar-workflow-toggle label { .wpa-superstar-workflow-toggle label {
display: flex; /* Remove these style blocks entirely */
align-items: center;
font-weight: 600;
margin-bottom: 10px;
} }
.wpa-superstar-workflow-toggle .description { .wpa-superstar-workflow-toggle .description {
color: #666; /* Remove these style blocks entirely */
margin-left: 52px;
margin-top: 5px;
} }
/* Toggle switch styles */ /* Toggle switch styles */
.switch { .switch {
position: relative; /* Remove these style blocks entirely */
display: inline-block;
width: 42px;
height: 22px;
margin-right: 10px;
} }
.switch input { .switch input {
opacity: 0; /* Remove these style blocks entirely */
width: 0;
height: 0;
} }
.slider { .slider {
position: absolute; /* Remove these style blocks entirely */
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
} }
.slider:before { .slider:before {
position: absolute; /* Remove these style blocks entirely */
content: "";
height: 18px;
width: 18px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s;
border-radius: 50%;
} }
input:checked + .slider { input:checked + .slider {
background-color: #2271b1; /* Remove these style blocks entirely */
} }
input:checked + .slider:before { input:checked + .slider:before {
transform: translateX(20px); /* Remove these style blocks entirely */
} }
/* Active tab styles */ /* Active tab styles */

23
admin/settings.php
View File

@ -842,15 +842,20 @@ function wpa_superstar_auto_upload_images_callback() {
'auto_upload_images' => false 'auto_upload_images' => false
)); ));
?> ?>
<label class="switch"> <div class="wpa-superstar-toggle">
<input type="checkbox" name="wpa_superstar_workflow_options[auto_upload_images]" <label>
<?php checked($options['auto_upload_images'], true); ?>> <div class="wpa-toggle-switch">
<span class="slider round"></span> <input type="checkbox"
</label> name="wpa_superstar_workflow_options[auto_upload_images]"
<p class="description"> <?php checked($options['auto_upload_images'], true); ?>>
Import images that have external URLs into your Media Library when saving. <span class="wpa-toggle-slider"></span>
Consider disabling during large data imports with many external image URLs. </div>
</p> <?php esc_html_e('Enable Auto Upload Images', 'wpa-superstar'); ?>
</label>
<p class="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.', 'wpa-superstar'); ?>
</p>
</div>
<?php <?php
} }