Skip to content

Commit 0470037

Browse files
authored
bug: a best of five's veto board stays inside its column instead of spilling past the page edge (#843)
1 parent 1febb0f commit 0470037

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

‎components/match/VetoBoard.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1174,6 +1174,9 @@ const pingQ = (ping: number) => Math.max(0.12, 1 - ping / 170).toFixed(3);
11741174
--vb-ease: cubic-bezier(0.16, 1, 0.3, 1);
11751175
container-type: inline-size;
11761176
display: grid;
1177+
/* minmax(0, …): an auto column grows to the rail's min-content, and a best
1178+
of five's eleven steps pushed the board past its column. */
1179+
grid-template-columns: minmax(0, 1fr);
11771180
gap: 10px;
11781181
}
11791182

0 commit comments

Comments
 (0)