Improve tab styling and refactor plugin architecture. Make Hosting tab class fully self-contained by internalizing data structures, fix CSS to match reference plugin, and remove duplicate function declarations.

This commit is contained in:
Marcus Quinn
2025-03-24 03:59:41 +00:00
parent a7537a000c
commit 4cf485041f
2 changed files with 261 additions and 11 deletions

View File

@ -48,6 +48,9 @@
position: sticky;
top: 32px;
z-index: 100;
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.nav-tab {
@ -64,6 +67,9 @@
border-bottom: 2px solid transparent;
display: inline-block;
transition: all 0.2s ease;
position: relative;
outline: none;
box-shadow: none;
}
.nav-tab:hover,
@ -83,6 +89,17 @@
font-weight: 600;
}
/* Improve tab content container */
.tab-content {
padding: 20px 0;
animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Base Toggle Switch Component */
.seoprostack-toggle-switch {
position: relative;
@ -871,6 +888,9 @@ input:checked + .seoprostack-toggle-slider:before {
position: sticky;
top: 32px;
z-index: 100;
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.nav-tab {