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:
@ -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 {
|
||||
|
Reference in New Issue
Block a user