admin/mtg_commander_life_tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Game Rounds and Damage Log.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2026-02-11 22:11:15 +00:00
parent 29ddd1ded0
commit 1cd9b7c976
20 changed files with 860 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
static/css/pages/tcg/game.css
View File

@@ -146,6 +146,62 @@
text-align: center;
}
/* Game Section */
#gameSection .row.round {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
color: var(--tcg-text-secondary);
margin: 0 auto 0.5vh;
width: fit-content;
}
#gameSection .row.round .row.round .round.display_order {
display: flex;
align-items: center;
gap: 0.5rem;
background: var(--tcg-bg-card);
border: 1px solid var(--tcg-border-color);
border-radius: 6px;
padding: 0.25rem 0.5rem;
}
/*
#gameSection .row.round label {
margin-left: 30vw;
color: var(--tcg-text-secondary);
font-size: 1rem;
width: 4vw;
}
#gameSection .row.round input {
width: 10vw;
margin: 0 3vw 1vh;
}
*/
#gameSection .row.round .row.round span.round.display_order {
font-family: 'Cinzel', serif;
font-weight: 600;
color: var(--tcg-text-primary);
min-width: 20px;
justify-content: center;
}
#gameSection .row.round .row.round button.btn-round-display-order {
background: transparent;
border: none;
color: var(--tcg-text-secondary);
cursor: pointer;
font-size: 1rem;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
#gameSection .row.round .row.round button.btn-round-display-order:hover {
color: var(--tcg-accent-red);
transform: scale(1.2);
}
/* Players Grid */
.players-grid {
display: flex; /* grid;
@@ -407,6 +463,34 @@
color: var(--tcg-bg-primary);
}
.damage-log.container {
color: white;
margin: 2vh auto 0;
text-align: center;
}
.damage-log.container table thead tr th.round_id,
.damage-log.container table tbody tr td.round_id {
width: 7vw;
}
.damage-log.container table thead tr th.player_id,
.damage-log.container table tbody tr td.player_id,
.damage-log.container table thead tr th.received_from_commander_player_id,
.damage-log.container table tbody tr td.received_from_commander_player_id {
width: 20vw;
}
.damage-log.container table thead tr th.health_change,
.damage-log.container table tbody tr td.health_change {
width: 7vw;
}
.damage-log.container table thead tr th.commander-deaths,
.damage-log.container table tbody tr td.commander-deaths {
width: 7vw;
}
.damage-log.container table thead tr th.is_eliminated,
.damage-log.container table tbody tr td.is_eliminated {
width: 7vw;
}
/* Save Indicator */
.save-indicator {
position: fixed;