| @@ -7,28 +7,8 @@ | ||
| 7 | 7 | * ├── .metasync-layout-main (main content) |
| 8 | 8 | * └── .metasync-layout-promo (right promotional sidebar) |
| 9 | 9 | */ |
| 10 | 10 | |
| 11 | -/* ── WP admin sidebar: keep it fixed on plugin pages ───────────────── */ | |
| 12 | -/* WordPress core removes .sticky-menu (position:fixed) when the admin | |
| 13 | - menu is taller than the viewport. Our plugin's expanded sub-menu | |
| 14 | - easily triggers this. Force the sidebar fixed with its own scroll | |
| 15 | - so it never drifts off-screen while the main content scrolls. */ | |
| 16 | - | |
| 17 | -body:has(.metasync-dashboard-wrap) #adminmenuwrap { | |
| 18 | - position: fixed !important; | |
| 19 | - top: var(--wp-admin--admin-bar--height, 32px); | |
| 20 | - bottom: 0; | |
| 21 | - overflow-y: auto; | |
| 22 | - overflow-x: hidden; | |
| 23 | -} | |
| 24 | - | |
| 25 | -body:has(.metasync-dashboard-wrap) #adminmenuback { | |
| 26 | - position: fixed !important; | |
| 27 | - top: var(--wp-admin--admin-bar--height, 32px); | |
| 28 | - bottom: 0; | |
| 29 | -} | |
| 30 | - | |
| 31 | 11 | /* ── Layout grid ────────────────────────────────────────────────────── */ |
| 32 | 12 | |
| 33 | 13 | .metasync-layout { |
| 34 | 14 | display: grid; |
| @@ -516,8 +496,40 @@ | ||
| 516 | 496 | } |
| 517 | 497 | |
| 518 | 498 | .metasync-header-compact .metasync-status.warning .status-text { |
| 519 | 499 | color: var(--dashboard-warning, #ffb900); |
| 500 | +} | |
| 501 | + | |
| 502 | +/* ── Static header connection status (render_static_header) ─────────── */ | |
| 503 | +/* the static-header badge previously had no styling; mirror the | |
| 504 | + compact-header rules so connected / disconnected / warning render. */ | |
| 505 | + | |
| 506 | +.metasync-header .metasync-status { | |
| 507 | + display: flex; | |
| 508 | + align-items: center; | |
| 509 | + gap: 6px; | |
| 510 | + font-size: 12px; | |
| 511 | + color: var(--dashboard-text-secondary); | |
| 512 | +} | |
| 513 | + | |
| 514 | +.metasync-header .metasync-status .status-dot { | |
| 515 | + width: 7px; | |
| 516 | + height: 7px; | |
| 517 | + border-radius: 50%; | |
| 518 | + flex-shrink: 0; | |
| 519 | + background: var(--dashboard-error); | |
| 520 | +} | |
| 521 | + | |
| 522 | +.metasync-header .metasync-status.connected .status-dot { | |
| 523 | + background: var(--dashboard-success); | |
| 524 | +} | |
| 525 | + | |
| 526 | +.metasync-header .metasync-status.connected .status-text { | |
| 527 | + color: var(--dashboard-success); | |
| 528 | +} | |
| 529 | + | |
| 530 | +.metasync-header .metasync-status.disconnected .status-text { | |
| 531 | + color: var(--dashboard-error); | |
| 520 | 532 | } |
| 521 | 533 | |
| 522 | 534 | /* ── Theme toggle icon sizing ────────────────────────────────────────── */ |
| 523 | 535 | |
