Improve printed schedule
Show each day on a new page when printed. Hide elements that do not assist with printed copy (current time, etc).
This commit is contained in:
		
							parent
							
								
									0a0c466847
								
							
						
					
					
						commit
						734a0b713d
					
				
					 5 changed files with 9 additions and 5 deletions
				
			
		|  | @ -46,7 +46,7 @@ | |||
|             <span class="clearfix d-sm-block d-md-none"></span> | ||||
|             <small class="text-muted">{{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}</small> | ||||
|           </h2> | ||||
|           <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). Current talks will be highlighted.</p> | ||||
|           <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). <span class="d-print-none">Current talks will be highlighted.</span></p> | ||||
|           <div class="table-responsive d-none d-md-block"> | ||||
|             {% include "symposion/schedule/_grid.html" %} | ||||
|           </div> | ||||
|  |  | |||
|  | @ -11,12 +11,12 @@ | |||
| {% block content %} | ||||
|   {% cache 600 "schedule-detail-table" schedule.section %} | ||||
|     {% for timetable in days %} | ||||
|     <div class="row"> | ||||
|     <div class="row timetable-day"> | ||||
|       <div class="col-12"> | ||||
|         <h2 class="my-4"> | ||||
|           {{ timetable.day.date|date:"l" }}, {{ timetable.day.date }} | ||||
|         </h2> | ||||
|         <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). Current talks will be highlighted.</p> | ||||
|         <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). <span class="d-print-none">Current talks will be highlighted.</span></p> | ||||
|         <div class="table-responsive d-none d-md-block"> | ||||
|           {% include "symposion/schedule/_grid.html" %} | ||||
|         </div> | ||||
|  |  | |||
|  | @ -24,7 +24,7 @@ | |||
|       <h2 class="my-4"> | ||||
|         {{ timetable.day.date|date:"l" }}, {{ timetable.day.date }} | ||||
|       </h2> | ||||
|       <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). Current talks will be highlighted.</p> | ||||
|       <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). <span class="d-print-none">Current talks will be highlighted.</span></p> | ||||
|       <div class="table-responsive d-none d-md-block"> | ||||
|         {% include "symposion/schedule/_grid.html" with edit_schedule=True %} | ||||
|       </div> | ||||
|  |  | |||
|  | @ -134,7 +134,7 @@ $(function() { | |||
|         var clock = $('div.conf-clock'); | ||||
|         if (clock.length === 0) { | ||||
|             var template = document.createElement('template'); | ||||
|             template.innerHTML = '<div class="conf-clock"></div>'; | ||||
|             template.innerHTML = '<div class="conf-clock d-print-none"></div>'; | ||||
|             var clockDiv = template.content.firstChild; | ||||
|             document.body.appendChild(clockDiv); | ||||
|             clock = $(clockDiv); | ||||
|  |  | |||
|  | @ -122,4 +122,8 @@ label.label-required:after { content: ' *'; } | |||
|             opacity: 100 !important; | ||||
|         } | ||||
|     } | ||||
| 
 | ||||
|     .timetable-day:not(:first-child) { | ||||
|         break-before: page; | ||||
|     } | ||||
| } | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue
	
	 Joel Addison
						Joel Addison