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