diff --git a/WebApp/Components/Features/Calendar/StateScheduleHandout.razor b/WebApp/Components/Features/Calendar/StateScheduleHandout.razor index af74d3e..aaceb79 100644 --- a/WebApp/Components/Features/Calendar/StateScheduleHandout.razor +++ b/WebApp/Components/Features/Calendar/StateScheduleHandout.razor @@ -11,12 +11,14 @@ @inject IOptionsMonitor HandoutOptionsMonitor @inject IEventOccurrenceService EventOccurrenceService - +
+ +
@if (_students == null || _allOccurrences == null) { @@ -26,7 +28,7 @@ else { var opts = HandoutOptionsMonitor.CurrentValue; - + @foreach (var student in _students) { @@ -45,18 +47,25 @@ else Events - - - State ID - Event - Activity - - - @context.StateRegistrationId - @context.EventName - @context.Activity - - + + + + State ID + Event + Activity + + + + @foreach (var eventRow in GetEventSummaryRows(student)) + { + + @eventRow.StateRegistrationId + @eventRow.EventName + @eventRow.Activity + + } + + @{ var scheduleRows = BuildStudentSchedule(student, opts).ToList(); diff --git a/WebApp/wwwroot/app.css b/WebApp/wwwroot/app.css index c77ef66..c9bd47a 100644 --- a/WebApp/wwwroot/app.css +++ b/WebApp/wwwroot/app.css @@ -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 {