mirror of
https://github.com/AndrioCelos/TableturfBattleApp.git
synced 2026-08-20 18:04:00 -05:00
Lobby layout fixes
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user