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

15
admin/settings.php
View File

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