horoli/ssessesse-ki-battle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stabilize ranked lobby layout and pin online count

Browse Source
This commit is contained in:
horoli
2026-10-16 12:02:23 +09:00
parent c744e8c2a1
commit dd914d7181
9 changed files with 35 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/match.css
-25
View File
@@ -74,29 +74,6 @@ body:is([data-screen=match], [data-screen=result]) main { padding: 0; min-height
#match .time-track span { border-radius: 0; background: #a85039; }
#match[data-locked=true] .time-track span { background: #557b85; }
#match .timing[data-urgent=true] .time-track span { background: #c04128; }
#match .match-menu {
pointer-events: auto;
position: absolute; top: calc(25px + env(safe-area-inset-top));
right: max(var(--edge), env(safe-area-inset-right));
}
#match .match-menu summary {
display: grid; place-items: center; list-style: none; cursor: pointer;
min-width: 52px; min-height: 44px; padding: 8px 12px;
border: 1px solid #52615655; border-radius: 3px; background: #f4f0e3;
font-size: 12px; font-weight: 700;
}
#match .match-menu summary::-webkit-details-marker { display: none; }
#match .match-menu summary:focus-visible { outline: 3px solid #266acc; outline-offset: 4px; }
#match .match-menu[open] summary { background: #303c38; color: #fff9e9; }
#match .match-menu-items {
position: absolute; top: calc(100% + 8px); right: 0; width: 132px;
padding: 6px; background: #f4f0e3; border: 1px solid #697568;
box-shadow: 3px 4px 0 #303c3820;
}
#match .match-menu-items button {
display: block; width: 100%; min-height: 44px; border: 0; border-radius: 0;
color: #303c38; text-align: left;
}
#match .duel-cue, #match[data-phase=countdown] .duel-cue { top: 43%; }
#match:not([data-phase=countdown]) .versus { display: none; }
#match[data-phase=countdown] .countdown-number { border-radius: 3px; }
@@ -178,7 +155,6 @@ body:is([data-screen=match], [data-screen=result]) #reconnect {
#match .fighter { width: 47%; }
#match .match-title { top: calc(24px + env(safe-area-inset-top)); left: var(--edge); transform: none; }
#match .turn-heading { font-size: 16px; }
#match .match-menu { top: calc(12px + env(safe-area-inset-top)); }
#match .energy { gap: 3px; }
#match .energy-count { font-size: 25px; }
#match .energy > svg { width: 18px; height: 18px; }
@@ -217,7 +193,6 @@ body:is([data-screen=match], [data-screen=result]) #reconnect {
#match[data-phase=finished] { --stage-top: calc(96px + env(safe-area-inset-top)); }
#match .arena { padding-inline: 12vw; }
#match .match-title { top: calc(12px + env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); }
#match .match-menu { top: calc(10px + env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); }
#match .timing { top: calc(38px + env(safe-area-inset-top)); width: 120px; min-height: 33px; flex-direction: row; padding-bottom: 8px; }
#match .player-controls { width: calc(50% - 24px); margin-bottom: max(8px, env(safe-area-inset-bottom)); }
#match .energy { padding-bottom: 4px; }