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

Add a background behind playersstatus

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-05-31 13:06:05 -07:00
parent 6bfc9e6ba9
commit 1f7d985a62
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/PlayersStatus.css
View File

@ -2,13 +2,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: absolute; position: absolute;
margin-bottom: 0.5rem; color: #d0d0d0;
color: #444;
pointer-events: none; pointer-events: none;
align-items: flex-end; align-items: flex-end;
right: 0.5rem; right: 0;
width: 10rem; background-color: #44444480;
bottom: 11rem; padding: 0.25rem;
} }
.PlayerStatus * { .PlayerStatus * {
@ -18,12 +17,11 @@
.PlayersStatus.ActivePlayer { .PlayersStatus.ActivePlayer {
align-items: flex-start; align-items: flex-start;
pointer-events: all; pointer-events: all;
left: 0.5rem;
right: auto; right: auto;
bottom: 7rem; /* 1rem over top of Resource cards in hand */ bottom: 7rem; /* 1rem over top of Resource cards in hand */
} }
.PlayersStatus .Player { .PlayersStatus .Player:not(:last-child) {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
border-bottom: 1px solid black; border-bottom: 1px solid black;
} }
@ -37,7 +35,6 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding-right: 0.5rem;
padding-left: 0; padding-left: 0;
width: 100%; width: 100%;
} }