feat: enkel content scrollable, niet titels, knoppen, ...
This commit is contained in:
		
							parent
							
								
									98ac8ab5a7
								
							
						
					
					
						commit
						7d80c8bdc1
					
				
					 2 changed files with 28 additions and 14 deletions
				
			
		|  | @ -34,19 +34,21 @@ | ||||||
|                 </template> |                 </template> | ||||||
|             </v-list-item> |             </v-list-item> | ||||||
|             <v-divider></v-divider> |             <v-divider></v-divider> | ||||||
|             <v-expansion-panels v-model="expanded"> |             <div class="nav-scroll-area"> | ||||||
|                 <using-query-result |                 <v-expansion-panels v-model="expanded"> | ||||||
|                     :query-result="allLearningPathsResult" |                     <using-query-result | ||||||
|                     v-slot="learningPaths: { data: LearningPath[] }" |                         :query-result="allLearningPathsResult" | ||||||
|                 > |                         v-slot="learningPaths: { data: LearningPath[] }" | ||||||
|                     <DiscussionSideBarElement |                     > | ||||||
|                         v-for="learningPath in learningPaths.data" |                         <DiscussionSideBarElement | ||||||
|                         :path="learningPath" |                             v-for="learningPath in learningPaths.data" | ||||||
|                         :activeObjectId="'' as string" |                             :path="learningPath" | ||||||
|                         :key="learningPath.hruid" |                             :activeObjectId="'' as string" | ||||||
|                     /> |                             :key="learningPath.hruid" | ||||||
|                 </using-query-result> |                         /> | ||||||
|             </v-expansion-panels> |                     </using-query-result> | ||||||
|  |                 </v-expansion-panels> | ||||||
|  |             </div> | ||||||
|         </div> |         </div> | ||||||
|     </v-navigation-drawer> |     </v-navigation-drawer> | ||||||
|     <div class="control-bar-above-content"> |     <div class="control-bar-above-content"> | ||||||
|  | @ -67,4 +69,10 @@ | ||||||
|         padding-top: 2%; |         padding-top: 2%; | ||||||
|         font-size: 36px; |         font-size: 36px; | ||||||
|     } |     } | ||||||
|  | 
 | ||||||
|  |     .nav-scroll-area { | ||||||
|  |         overflow-y: auto; | ||||||
|  |         flex-grow: 1; | ||||||
|  |         min-height: 0; | ||||||
|  |     } | ||||||
| </style> | </style> | ||||||
|  |  | ||||||
|  | @ -229,7 +229,7 @@ | ||||||
|                     </template> |                     </template> | ||||||
|                 </v-list-item> |                 </v-list-item> | ||||||
|                 <v-divider></v-divider> |                 <v-divider></v-divider> | ||||||
|                 <div> |                 <div class="nav-scroll-area"> | ||||||
|                     <using-query-result |                     <using-query-result | ||||||
|                         :query-result="learningObjectListQueryResult" |                         :query-result="learningObjectListQueryResult" | ||||||
|                         v-slot="learningObjects: { data: LearningObject[] }" |                         v-slot="learningObjects: { data: LearningObject[] }" | ||||||
|  | @ -417,4 +417,10 @@ | ||||||
|     .discussion-link a:hover { |     .discussion-link a:hover { | ||||||
|         text-decoration: underline; |         text-decoration: underline; | ||||||
|     } |     } | ||||||
|  | 
 | ||||||
|  |     .nav-scroll-area { | ||||||
|  |         overflow-y: auto; | ||||||
|  |         flex-grow: 1; | ||||||
|  |         min-height: 0; | ||||||
|  |     } | ||||||
| </style> | </style> | ||||||
|  |  | ||||||
		Reference in a new issue
	
	 laurejablonski
						laurejablonski