jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Scale all dialogs to fit with scrolling

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-02-26 15:44:39 -08:00
parent 001b26825d
commit 7acec84f94
5 changed files with 46 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/ChooseCard.css
View File

@ -11,6 +11,16 @@
z-index: 1000; z-index: 1000;
} }
.ChooseCard > * {
max-height: calc(100vh - 2em);
overflow: auto;
margin: 0.5em;
width: 40em;
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.ChooseCard .Title { .ChooseCard .Title {
align-self: center; align-self: center;
padding: 2px; padding: 2px;
@ -18,13 +28,6 @@
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.ChooseCard > * {
/* min-width: 40em;*/
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.ChooseCard .Stack { .ChooseCard .Stack {
margin: 0; margin: 0;
padding: 0; padding: 0;

5
client/src/Table.css
View File

@ -2,7 +2,6 @@
display: flex; display: flex;
position: absolute; position: absolute;
width: 100%; width: 100%;
overflow: hidden;
height: 100%; height: 100%;
justify-content: space-between; /* left-justify 'board', right-justify 'game' */ justify-content: space-between; /* left-justify 'board', right-justify 'game' */
background-image: url("./assets/tabletop.png"); background-image: url("./assets/tabletop.png");
@ -13,6 +12,8 @@
margin-right: 30rem; margin-right: 30rem;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
height: 8rem;
overflow: visible;
} }
.WaitingForPlayer { .WaitingForPlayer {
@ -44,6 +45,8 @@
align-items: center; align-items: center;
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
z-index: 1000; z-index: 1000;
max-height: 100vh;
overflow: auto;
} }
.GameOrder .Title { .GameOrder .Title {

17
client/src/Trade.css
View File

@ -11,6 +11,16 @@
z-index: 1000; z-index: 1000;
} }
.Trade > * {
max-height: calc(100vh - 2em);
overflow: auto;
width: 40em;
display: inline-flex;
padding: 0.5em;
flex-direction: column;
margin: 0.5em;
}
.Trade .Title { .Trade .Title {
align-self: center; align-self: center;
padding: 2px; padding: 2px;
@ -23,13 +33,6 @@
margin: 0.5em 0; margin: 0.5em 0;
} }
.Trade > * {
min-width: 40em;
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.Trade .Resource { .Trade .Resource {
width: 3.75em; /* 5x7 aspect ratio */ width: 3.75em; /* 5x7 aspect ratio */
height: 5.25em; height: 5.25em;

17
client/src/ViewCard.css
View File

@ -11,6 +11,16 @@
z-index: 1000; z-index: 1000;
} }
.ViewCard > * {
max-height: calc(100vh - 2em);
overflow: auto;
margin: 0.5em;
width: 40em;
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.ViewCard .Title { .ViewCard .Title {
align-self: center; align-self: center;
padding: 2px; padding: 2px;
@ -24,13 +34,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
.ViewCard > * {
/* min-width: 40em;*/
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.ViewCard .Resource { .ViewCard .Resource {
width: 10em; /* 5x7 aspect ratio */ width: 10em; /* 5x7 aspect ratio */
height: 14em; height: 14em;

19
client/src/Winner.css
View File

@ -9,6 +9,18 @@
align-items: center; align-items: center;
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
z-index: 1000; z-index: 1000;
max-height: 100vh;
overflow: auto;
}
.Winner > * {
max-height: calc(100vh - 2em);
overflow: auto;
margin: 0.5em;
width: 40em;
display: inline-flex;
padding: 0.5em;
flex-direction: column;
} }
.Winner .Title { .Winner .Title {
@ -24,13 +36,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
.Winner > * {
/* min-width: 40em;*/
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.Winner .Resource { .Winner .Resource {
width: 10em; /* 5x7 aspect ratio */ width: 10em; /* 5x7 aspect ratio */
height: 14em; height: 14em;