|
874 | 874 | background: var(--vscode-button-background); color: var(--vscode-button-foreground); |
875 | 875 | border: 1px solid var(--vscode-contrastBorder, transparent); |
876 | 876 | } |
877 | | - .acctcard.classic .ovclose { color: var(--cc-text3); } |
| 877 | + .acctcard.classic .ovclose { color: var(--cc-text3); z-index: 3; } /* above the full-bleed hero, so the close click lands */ |
878 | 878 | .acctcard.classic .ovclose:hover { color: var(--cc-text); background: color-mix(in srgb, var(--cc-text3) 18%, transparent); } |
879 | 879 | /* Hero — the landing page's floating chevron over four drifting "portal" circles. Decorative (aria-hidden), |
880 | 880 | full-bleed at the top of the modal; the motion respects prefers-reduced-motion (guard below). */ |
881 | | - .acctcard.classic .hero { position: relative; height: 146px; overflow: hidden; } |
882 | | - /* Absolutely placed with a top gap so the chevron peak clears the modal's rounded top edge; the SVG is |
883 | | - taller than the hero, so only the LOWER soft circles bleed off — the chevron itself is never clipped. */ |
884 | | - .acctcard.classic .hero .portalmark { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); width: 182px; height: auto; } |
| 881 | + /* Hero. The mark is small enough to sit fully INSIDE the hero (place-items:center) — no bleed on any |
| 882 | + side. pointer-events:none so the decorative mark never intercepts clicks (it was covering — and |
| 883 | + swallowing — the X close button, which paints under acctBody). */ |
| 884 | + .acctcard.classic .hero { position: relative; height: 148px; display: grid; place-items: center; overflow: hidden; pointer-events: none; } |
| 885 | + .acctcard.classic .hero .portalmark { width: 150px; height: auto; } |
885 | 886 | .acctcard.classic .portal-layer { transform-origin: 50% 60%; animation: portalDrift 7s ease-in-out infinite; } |
886 | 887 | .acctcard.classic .portal-layer:nth-child(2) { animation-delay: -1.4s; } |
887 | 888 | .acctcard.classic .portal-layer:nth-child(3) { animation-delay: -2.8s; } |
|
0 commit comments