asc/benchcoach
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

incorporate letter sized sheet

Browse Source 
accessible when url parameter ?sheet_size=letter
This commit is contained in:
Anthony Correa
2024-05-22 13:41:17 -05:00
parent c2c192bdc6
commit fa50ab93dc
6 changed files with 302 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
src/scss/eventsheet.scss
View File

@@ -98,13 +98,13 @@ table {
&.striped {
tr {
&:nth-child(odd) {
&:nth-child(odd) {td, th {
background-color: whitesmoke;
}
}}
&:nth-child(even) {
&:nth-child(even) {td,th {
background-color: white;
}
}}
}
}
}
@@ -177,6 +177,10 @@ table {
}
}
.letter .eventsheet.quarters {
--header-height: 0.5in;
}
.letter .eventsheet.index-cards-4x6 {
--section-margin: calc(var(--page-margin)/2);
grid-template-columns: 1fr 1fr;
@@ -207,7 +211,6 @@ table {
border: var(--section-border);
header {
font-size: inherit;
text-transform: uppercase;
font-stretch: 85%;
border-style: none;
@@ -266,9 +269,10 @@ table {
}
tr + tr {
td, th{
// border-top: 1px solid black;
border-top: var(--border);
}
} }
&.dugout {
td.player-name {
@@ -281,6 +285,12 @@ table {
}
&.exchange {
header {
text-align: center;
.float-left, .float-right {
float:none;
}
}
.player-name {
font-stretch: 100%;
}
@@ -338,11 +348,13 @@ section.blank {
border-style: none;
tr {
td, th {
background-color: white;
outline: none;
border-bottom: 0.5px solid var(--color-grey-500);
}
:last-child {
:last-child td {
background-color: white;
outline: none;
border-bottom-style: none;
@@ -391,7 +403,7 @@ section.blank {
table {
font-size: 14px;
width: 120px;
tbody > tr:last-child {
tbody > tr:last-child td {
// display: none;
}
}
@@ -457,12 +469,12 @@ section.blank {
border: var(--border);
opacity: 85%;
tr {
&:first-child th{
&:first-child th {
border-bottom: var(--border);
}
& + tr {
& + tr {td,th {
border-top: var(--border);
}
}}
th.position {
font-family: var(--monospace-font);
width: 2ch;
@@ -567,13 +579,13 @@ section.blank {
header {
background-color: #cadcf9;
height: var(--header-height);
font-family: "Oswald";
width: auto;
text-align: center;
padding-left: 10px;
padding-right: 10px;
border-bottom: var(--section-border);
}
.cell-checkbox {
@@ -634,35 +646,43 @@ header {
font-stretch: condensed;
}
.available-status-code-1 {
color: rgb(0, 85, 0);
background-color: #b7e1cd;
}
.available-status-code-0 {
color: rgb(170, 0, 0);
background-color: #f4c7c3;
}
.past.available-status-code-0,
.past.available-status-code-null {
color: var(--color-grey-600);
background-color: inherit;
}
.past.available-status-code-1.Y {
color: inherit;
background-color: var(--color-warning);
}
.available-status-code-2 {
color: blue;
background-color: #acc9fe;
}
#roster-and-history {
--border: var(--section-border);
thead {
table {
@extend table, .striped;
}
table tr td {
&.available-status-code-1 {
color: rgb(0, 85, 0);
background-color: #b7e1cd;
}
&.available-status-code-0 {
color: rgb(170, 0, 0);
background-color: #f4c7c3;
}
&.past.available-status-code-0,
&.past.available-status-code-null {
color: var(--color-grey-600);
background-color: inherit;
}
&.past.available-status-code-1.Y {
color: inherit;
background-color: var(--color-warning);
}
&.available-status-code-2 {
color: blue;
background-color: #acc9fe;
}
}
table thead tr {
border: black solid 1px;
height: var(--header-height);
}
@@ -679,6 +699,7 @@ header {
}
}
.player-name {
font-stretch: 95%;
}
@@ -728,6 +749,12 @@ header {
text-align: center;
padding: 0;
}
&.spacer {
display: none;
&.first-of-group, &.last-of-group {
border: none;
}
}
&.player-stats {
display:none;
font-family: var(--monospace-font);
@@ -754,19 +781,21 @@ header {
td{
&.player-name {
color: black;
color: black !important;
text-align: left;
font-stretch: 95%;
}
&.jersey-number {
color: black;
color: black !important;
}
}
colgroup {
.first-of-group {
border-left-width: 1px;
border-left-style: solid;
border-left-color: black;
}
.last-of-group {
border-right-width: 1px;
border-right-style: solid;
border-right-color: black;
@@ -777,10 +806,9 @@ header {
border: inherit;
}
th {
table tr:nth-child(odd) th { //needs to have n-thchild to override .striped
background-color: #cadcf9;
color: black;
border: none;
&.availability-on-day div {
transform: rotate(270deg);
@@ -803,20 +831,86 @@ header {
border-bottom: solid black 1px;
}
tr.border-top {
tr.border-top {td, th {
border-top: 1px solid black;
}
}}
}
td.position-capability:not(:empty) {
.letter .eventsheet.quarters {
header {
font-size: xx-large;
}
.lineup-card table {
font-size: 23;
}
#defense-pane .slot-set.pos-p {
align-items: start;
}
#roster-and-history {
.spacer {
display:table-cell;
width: 30%;
}
td.position.last-of-group {
border-right: none;
}
.container {
--padding: 2px;
display: block;
flex: none;
transform: rotate(90deg) translateY(-100%);
transform-origin: top left;
height: calc(4.25in - 2 * var(--page-margin) - 2 * var(--padding));
width: calc(5.5in - 2 * var(--page-margin) - 2 * var(--padding));
padding: var(--padding)
}
table {
thead tr {
height: inherit;
th {
padding-top: 2px;
padding-bottom: 2px;
}
}
font-size: 11;
height:100%;
td, th {
&.player-name {
// width: 38%;
}
}
th.availability-on-day div {
transform: none;
text-align: center;
}
}
.position, .availability-on-day, .is-present-checkbox {
// width: 3ch;
}
#defense-pane .slot-set.pos-p {
align-items: start;
}
}}
table tr td.position-capability:not(:empty) {
color: var(--color-grey-700);
background-color: var(--color-grey-200);
}
td.is-present-checkbox {
table tr td.position-capability:empty {
background-color: white;
}
table tr td.is-present-checkbox {
font-size: 0.5em;
text-align: center;
color: white;
@@ -838,7 +932,6 @@ td.is-present-checkbox.available-status-code-None > span {
Header {
font-family: "Helvetica Now";
font-weight: 600;
line-height: 1.5em;
background-color: #323669;
color: white;
display: inline-flex;
@@ -850,6 +943,7 @@ td.is-present-checkbox.available-status-code-None > span {
font-family: "Futura Now";
flex-grow: 1;
align-content: center;
font-size: medium;
}
.homeaway {