andrew
549c117818
Restyles the server browser to match main-menu/settings (Futura PT Demibold, amber/green palette, yellow selection bars, shared panel chrome), removes SVG border strips, and tweaks modal width/layout. Adds JS + C++ coordination so the custom main-menu overlay hides when a server join begins (C++ invokes onSessionLoading and calls HideMainMenu; CompleteJoinFailure restores the menu/browser). Controller glyph tint now derives from --co-amber. Updates changelog and dev-log; includes compiled Vault109 script update.
68 lines
1.5 KiB
CSS
68 lines
1.5 KiB
CSS
/* Commonwealth Online — embedded server browser modal (host provides .browser-view) */
|
|
|
|
.browser-view {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: calc(50% + 48px * var(--co-ui-scale));
|
|
transform: translate(-50%, calc(-50% + 10px * var(--co-ui-scale)));
|
|
z-index: 11;
|
|
width: min(calc(920px * var(--co-ui-scale)), calc(100vw - 80px * var(--co-ui-scale)));
|
|
height: min(calc(720px * var(--co-ui-scale)), calc(100vh - 120px * var(--co-ui-scale)));
|
|
display: flex;
|
|
align-items: stretch;
|
|
min-width: 0;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
transition:
|
|
opacity 220ms ease-out,
|
|
transform 220ms ease-out,
|
|
visibility 0ms linear 220ms;
|
|
}
|
|
|
|
.browser-view.is-open {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
pointer-events: auto;
|
|
transform: translate(-50%, -50%);
|
|
transition:
|
|
opacity 220ms ease-out,
|
|
transform 220ms ease-out,
|
|
visibility 0ms linear 0ms;
|
|
}
|
|
|
|
.browser-view[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.browser-view .co-root {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.browser-view .co-root.co-browser--embedded {
|
|
background: transparent;
|
|
}
|
|
|
|
.browser-view .co-panel {
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.browser-view {
|
|
transform: translate(-50%, -50%);
|
|
transition: opacity 120ms ease-out, visibility 0ms linear 120ms;
|
|
}
|
|
|
|
.browser-view.is-open {
|
|
transition: opacity 120ms ease-out, visibility 0ms linear 0ms;
|
|
}
|
|
}
|