Improve schedule usability
This commit is contained in:
		
							parent
							
								
									db3f28ddb2
								
							
						
					
					
						commit
						fe43a26ca5
					
				
					 2 changed files with 60 additions and 46 deletions
				
			
		|  | @ -34,8 +34,9 @@ | |||
| </div> | ||||
| 
 | ||||
| <div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0"> | ||||
|     <div class="container"> | ||||
|       <div class="tab-content"> | ||||
|   <div class="container-fluid"> | ||||
|     <div class="row justify-content-center"> | ||||
|       <div class="tab-content schedule-wrapper"> | ||||
|         {% for section in sections %} | ||||
|         {% for timetable in section.days %} | ||||
|         <div | ||||
|  | @ -60,6 +61,7 @@ | |||
|     </div> | ||||
|   </div> | ||||
| </div> | ||||
| </div> | ||||
| {% endblock %} | ||||
| 
 | ||||
| {%block footer_class %}footer-no-margin{% endblock %} | ||||
|  |  | |||
|  | @ -631,6 +631,10 @@ hr { | |||
| 
 | ||||
| @media screen { | ||||
|     .schedule-page { | ||||
|         @include media-breakpoint-only(lg) { | ||||
|             font-size: 0.8 * $font-size-base; | ||||
|         } | ||||
| 
 | ||||
|         @include media-breakpoint-down(lg) { | ||||
|             .container { | ||||
|                 max-width: 100%; | ||||
|  | @ -679,3 +683,11 @@ div.talk-abstract { | |||
|         border-left: 1px solid #0F7C11 !important; | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| @include media-breakpoint-up(xl) { | ||||
|     .schedule-wrapper { | ||||
|         width: 80%; | ||||
|         min-width: 1140px; | ||||
|         max-width: 3000px; | ||||
|     } | ||||
| } | ||||
		Loading…
	
	Add table
		
		Reference in a new issue
	
	 Tobias
						Tobias