Lobby layout fixes

This commit is contained in:
Andrio Celos
2023-11-24 13:59:53 +11:00
parent 4861e181ae
commit a69d67556f

View File

@@ -128,6 +128,7 @@ footer {
#lobbyPage:not([hidden]) {
display: grid;
grid-template-columns: 27em 1fr;
grid-template-rows: auto 1fr;
}
.submitButtonContainer {
@@ -139,12 +140,21 @@ footer {
#lobbyPlayerListSection {
overflow-y: auto;
box-sizing: border-box;
grid-row: 1;
grid-column: 1;
}
#lobbySelectedStageSection {
grid-row: 2;
grid-column: 1;
}
#lobbyStageSection, #lobbyDeckSection {
overflow-y: scroll;
overflow-y: auto;
height: calc(100vh - 16px);
box-sizing: border-box;
grid-row: 1 / -1;
grid-column: 2;
}
#playerList {
@@ -239,6 +249,10 @@ footer {
margin-right: 1.5em;
}
#lobbyPage label {
display: block;
}
#lobbyTimeLimitBox {
width: 8ch;
text-align: right;
@@ -1840,6 +1854,13 @@ button.dragging {
#lobbyStageSection, #lobbyDeckSection {
height: initial;
grid-column: 1 / -1;
grid-row: 2;
}
#lobbySelectedStageSection {
grid-row: 1;
grid-column: 2;
align-self: center;
}
#lobbySelectedStageSection .stage {