breakout components of sheet use full card defense

This commit is contained in:
2024-03-05 07:42:39 -06:00
parent a505747b06
commit 66c18479b3
9 changed files with 313 additions and 92 deletions

View File

@@ -288,6 +288,48 @@ td.substitution {
grid-template-rows: auto auto;
grid-template-areas: "offense defense" "footer footer";
}
#todays-game #offense-pane {
grid-area: offense;
}
#todays-game #defense-pane {
grid-area: defense;
}
#todays-game .footer {
/* height:var(--row-height); */
position: relative;
box-sizing: border-box;
grid-area: footer;
/* border: 1px solid black; */
height: 100%;
border-right: 0.5px solid grey;
border-left: 0.5px solid grey;
}
#todays-game .footer table {
height: 100%;
outline: none;
border-style: none;
}
#todays-game .footer table tr {
background-color: white;
outline: none;
border-bottom: 0.5px solid var(--color-grey-500);
}
#todays-game .footer table tr :last-child {
background-color: white;
outline: none;
border-bottom-style: none;
}
#todays-game .footer table th {
text-align: left;
color: var(--color-grey-600);
}
#todays-game .footer table td {
height: var(--row-height);
border: none;
}
#todays-game .footer table tdempty::after {
content: "";
}
#todays-game table.notes th {
border-left: none;
border-right: none;
@@ -297,6 +339,32 @@ td.substitution {
content: "";
}
#defense-card #defense-pane {
width: 100%;
}
#defense-card .footer {
display: none;
}
#defense-card .slot-set table {
font-size: 14px;
width: 120px;
}
#defense-card .slot-set.pos-c {
grid-area: 6/1/7/5 !important;
}
#defense-card .slot-set.pos-p {
justify-content: center !important;
align-items: center;
margin-bottom: inherit !important;
grid-area: 5/1/6/5 !important;
}
#defense-card .slot-set.pos-p table {
width: 120px !important;
}
#defense-card .slot-set.pos-p table tbody > tr:last-child {
display: table-row;
}
#defense-pane {
position: relative;
grid-area: defense;
@@ -393,12 +461,11 @@ td.substitution {
}
#offense-pane {
counter-reset: lineup-sequence-counter 0;
position: relative;
/* box-sizing: border-box; */
height: 100%;
grid-area: offense;
border-bottom: 0.5px solid black;
counter-reset: lineup-sequence-counter 0;
/* outline: 0.5px solid black; */
}
#offense-pane table {
@@ -441,7 +508,6 @@ header {
/* outline: 1px solid black; */
/* height: var(--row-height); */
width: auto;
grid-area: header;
text-align: center;
padding-left: 10px;
padding-right: 10px;
@@ -449,43 +515,6 @@ header {
z-index: 1;
}
.footer {
/* height:var(--row-height); */
position: relative;
box-sizing: border-box;
grid-area: footer;
/* border: 1px solid black; */
height: 100%;
border-right: 0.5px solid grey;
border-left: 0.5px solid grey;
}
.footer table {
height: 100%;
outline: none;
border-style: none;
}
.footer table tr {
background-color: white;
outline: none;
border-bottom: 0.5px solid var(--color-grey-500);
}
.footer table tr :last-child {
background-color: white;
outline: none;
border-bottom-style: none;
}
.footer table th {
text-align: left;
color: var(--color-grey-600);
}
.footer table td {
height: var(--row-height);
border: none;
}
.footer table tdempty::after {
content: "";
}
.cell-checkbox {
font-size: 0.75em;
}