Print styles for schedule page

This commit is contained in:
Tobias 2018-10-06 11:18:31 +13:00
parent e6da164193
commit a1a9322e1d

View file

@ -456,6 +456,80 @@ hr {
@media print @media print
{ {
.bg-primary {
background-color: #fff !important;
}
nav, h1 {
display: none;
}
.schedule-header h3 {
margin-bottom: 0.5rem !important;
margin-top: 1rem !important;
color: black;
}
.calendar.table {
font-size: 8pt;
padding: 0;
margin-left: 2rem;
margin-right: 2rem;
width: 100%;
color: black;
a {
color: black;
text-decoration: none;
}
tr.calendar-row {
height: initial;
td.time > p {
text-transform: lowercase;
font-size: initial;
padding: initial;
}
td.slot {
height: initial;
div {
background-color: initial;
border-radius: initial;
padding: initial;
height: initial;
&.center-flex {
display: flex;
align-items: center;
p {
margin: 0;
}
}
}
}
}
td {
border-top: 1pt solid #BBB;
width: 1/7%;
padding: initial;
&[rowspan="2"] {
border-left: 1pt solid #bbb;
}
}
th {
border-top: none;
border-bottom: 1pt solid #BBB;
width: 1/7%;
}
}
.hidden-print { .hidden-print {
display: none !important display: none !important
} }