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

Swap active player to the left

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-03-20 11:28:41 -07:00
parent 9af1d35cb8
commit 68a3c9e1f5
1 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
client/src/PlayersStatus.css
View File

@ -2,19 +2,21 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
left: 0;
bottom: 7rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
color: #d0d0d0; color: #d0d0d0;
pointer-events: none; pointer-events: none;
align-items: flex-end;
left: auto;
right: 0;
bottom: 11rem;
} }
.PlayersStatus.ActivePlayer { .PlayersStatus.ActivePlayer {
right: 0; align-items: flex-start;
bottom: 11rem; /* 1rem over top of Resource cards in hand */
align-items: flex-end;
pointer-events: all; pointer-events: all;
left: auto; right: auto;
left: 0;
bottom: 11rem; /* 1rem over top of Resource cards in hand */
} }
.PlayersStatus .Player { .PlayersStatus .Player {
@ -30,12 +32,15 @@
color: white; color: white;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: flex-end;
padding-right: 0.5rem;
padding-left: 0;
} }
.PlayersStatus.ActivePlayer .Who { .PlayersStatus.ActivePlayer .Who {
display: flex; justify-content: flex-start;
justify-content: flex-end; padding-left: 0.5rem;
padding-right: 0.5rem; padding-right: 0;
} }
.PlayerStatus.ActivePlayer .Resource { .PlayerStatus.ActivePlayer .Resource {
@ -46,6 +51,7 @@
margin: 0 0.5rem; margin: 0 0.5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end;
} }
.PlayersStatus .What > div { .PlayersStatus .What > div {
@ -53,7 +59,7 @@
} }
.PlayersStatus.ActivePlayer .What { .PlayersStatus.ActivePlayer .What {
align-items: flex-end; align-items: flex-start;
} }
.PlayersStatus .PlayerColor { .PlayersStatus .PlayerColor {
@ -85,10 +91,15 @@
margin-bottom: 0; margin-bottom: 0;
} }
.PlayersStatus .Shrunken .BoardPieces { .PlayersStatus.ActivePlayer .BoardPieces {
align-items: flex-start; align-items: flex-start;
left: 0; left: 0;
transform-origin: 0 100%; }
.PlayersStatus .Shrunken .BoardPieces {
align-items: flex-end;
right: 0;
transform-origin: 100% 100%;
transform: scale(0.75); transform: scale(0.75);
} }
@ -122,11 +133,11 @@
box-sizing: border-box; box-sizing: border-box;
border-radius: 2px; border-radius: 2px;
border: 1px solid #fff; border: 1px solid #fff;
margin: 0 0.75rem 0 0; margin: 0 0 0 0.75rem;
} }
.PlayersStatus.ActivePlayer .Placard { .PlayersStatus.ActivePlayer .Placard {
margin-left: 0.75rem; margin-right: 0.75rem;
} }
.PlayersStatus .Placard > div.Right { .PlayersStatus .Placard > div.Right {