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.

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

View File

@ -104,7 +104,7 @@
position: absolute;
}
.wp-toggle-slider {
.seoprostack-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
@ -116,7 +116,7 @@
border-radius: 20px;
}
.wp-toggle-slider:before {
.seoprostack-toggle-slider:before {
position: absolute;
content: "";
height: 16px;
@ -129,27 +129,27 @@
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
input:checked + .wp-toggle-slider {
input:checked + .seoprostack-toggle-slider {
background-color: #2271b1;
}
input:checked + .wp-toggle-slider:before {
input:checked + .seoprostack-toggle-slider:before {
transform: translateX(16px);
}
/* Base Setting Styles (Shared between simple and expandable) */
.wp-setting-base,
.wp-setting-row,
.wp-allstars-toggle {
.seoprostack-setting-base,
.seoprostack-setting-row,
.seoprostack-toggle {
background: #fff;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 15px;
}
.wp-setting-base:hover,
.wp-setting-row:hover,
.wp-allstars-toggle:hover {
.seoprostack-setting-base:hover,
.seoprostack-setting-row:hover,
.seoprostack-toggle:hover {
border-color: #2271b1;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

View File

@ -1,5 +1,5 @@
/* Plugin Browser Styles */
.wp-allstars-wrap .wp-allstars-plugin-browser {
.seoprostack-wrap .seoprostack-plugin-browser {
margin: 0 -8px !important;
padding: 0 8px !important;
width: 100% !important;
@ -7,7 +7,7 @@
}
/* Plugin List Container */
.wp-allstars-wrap #wpa-plugin-list {
.seoprostack-wrap #seoprostack-plugin-list {
display: flex;
flex-wrap: wrap;
margin: 0;
@ -15,7 +15,7 @@
}
/* Filter Bar */
.wp-allstars-wrap #wpa-plugin-filters.wp-filter {
.seoprostack-wrap #seoprostack-plugin-filters.wp-filter {
margin-left: 0;
margin-right: 0;
width: 100%;
@ -23,13 +23,13 @@
}
/* Standard WordPress Plugin Grid Layout - exactly matching core */
.wp-allstars-wrap .wp-list-table.plugin-install {
.seoprostack-wrap .wp-list-table.plugin-install {
margin-top: 20px;
clear: both;
padding: 0;
}
.wp-allstars-wrap #the-list {
.seoprostack-wrap #the-list {
margin: 0;
display: flex;
flex-wrap: wrap;