Refactor StateScheduleHandout component for improved print layout and styling
This commit is contained in:
+48
-4
@@ -52,10 +52,54 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.state-schedule-table th,
|
||||
.state-schedule-table td {
|
||||
vertical-align: top;
|
||||
padding: 4px 8px;
|
||||
@media print {
|
||||
.state-schedule-handout {
|
||||
margin-left: -30pt !important;
|
||||
margin-right: -12pt !important;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
width: calc(100% + 42pt) !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
.state-schedule-handout .mud-paper,
|
||||
.state-schedule-handout .mud-table-container,
|
||||
.state-schedule-handout .mud-table {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.state-schedule-table,
|
||||
.state-schedule-table table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.state-schedule-table th,
|
||||
.state-schedule-table td,
|
||||
.state-schedule-table table th,
|
||||
.state-schedule-table table td {
|
||||
vertical-align: top;
|
||||
padding: 4px 8px;
|
||||
border-top: none !important;
|
||||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.state-schedule-table thead th,
|
||||
.state-schedule-table table thead th {
|
||||
border-bottom: 2px solid #000 !important;
|
||||
}
|
||||
|
||||
.state-schedule-table tbody td,
|
||||
.state-schedule-table table tbody td {
|
||||
border-bottom: 1px solid #000 !important;
|
||||
}
|
||||
|
||||
.state-schedule-table tbody tr:last-child td,
|
||||
.state-schedule-table table tbody tr:last-child td {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header {
|
||||
|
||||
Reference in New Issue
Block a user