mirror of
				https://github.com/TriliumNext/Notes.git
				synced 2025-10-29 11:44:21 +08:00 
			
		
		
		
	feat(views/calendar): make calendar full height
This commit is contained in:
		
							parent
							
								
									300bb561bb
								
							
						
					
					
						commit
						710cf68c06
					
				| @ -40,6 +40,10 @@ export default class NoteListRenderer { | |||||||
|         } |         } | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|  |     get isFullHeight() { | ||||||
|  |         return this.viewMode?.isFullHeight; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|     async renderList() { |     async renderList() { | ||||||
|         if (!this.viewMode) { |         if (!this.viewMode) { | ||||||
|             return null; |             return null; | ||||||
|  | |||||||
| @ -15,6 +15,11 @@ const TPL = ` | |||||||
|     .note-list-widget .note-list { |     .note-list-widget .note-list { | ||||||
|         padding: 10px; |         padding: 10px; | ||||||
|     } |     } | ||||||
|  | 
 | ||||||
|  |     .note-list-widget.full-height, | ||||||
|  |     .note-list-widget.full-height .note-list-widget-content { | ||||||
|  |         height: 100%; | ||||||
|  |     } | ||||||
|     </style> |     </style> | ||||||
| 
 | 
 | ||||||
|     <div class="note-list-widget-content"> |     <div class="note-list-widget-content"> | ||||||
| @ -68,6 +73,7 @@ export default class NoteListWidget extends NoteContextAwareWidget { | |||||||
| 
 | 
 | ||||||
|     async renderNoteList(note: FNote) { |     async renderNoteList(note: FNote) { | ||||||
|         const noteListRenderer = new NoteListRenderer(this.$content, note, note.getChildNoteIds()); |         const noteListRenderer = new NoteListRenderer(this.$content, note, note.getChildNoteIds()); | ||||||
|  |         this.$widget.toggleClass("full-height", noteListRenderer.isFullHeight); | ||||||
|         await noteListRenderer.renderList(); |         await noteListRenderer.renderList(); | ||||||
|         this.viewMode = noteListRenderer.viewMode; |         this.viewMode = noteListRenderer.viewMode; | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -78,6 +78,10 @@ export default class CalendarView extends ViewMode { | |||||||
|         args.$parent.append(this.$root); |         args.$parent.append(this.$root); | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|  |     get isFullHeight(): boolean { | ||||||
|  |         return true; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
|     async renderList(): Promise<JQuery<HTMLElement> | undefined> { |     async renderList(): Promise<JQuery<HTMLElement> | undefined> { | ||||||
|         const isEditable = true; |         const isEditable = true; | ||||||
| 
 | 
 | ||||||
| @ -98,7 +102,8 @@ export default class CalendarView extends ViewMode { | |||||||
|             select: (e) => this.#onCalendarSelection(e), |             select: (e) => this.#onCalendarSelection(e), | ||||||
|             eventChange: (e) => this.#onEventMoved(e), |             eventChange: (e) => this.#onEventMoved(e), | ||||||
|             firstDay: options.getInt("firstDayOfWeek") ?? 0, |             firstDay: options.getInt("firstDayOfWeek") ?? 0, | ||||||
|             locale: await CalendarView.#getLocale() |             locale: await CalendarView.#getLocale(), | ||||||
|  |             height: "100%" | ||||||
|         }); |         }); | ||||||
|         calendar.render(); |         calendar.render(); | ||||||
|         this.calendar = calendar; |         this.calendar = calendar; | ||||||
|  | |||||||
| @ -21,4 +21,9 @@ export default abstract class ViewMode { | |||||||
|         // Do nothing by default.
 |         // Do nothing by default.
 | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|  |     get isFullHeight() { | ||||||
|  |         // Override to change its value.
 | ||||||
|  |         return false; | ||||||
|  |     } | ||||||
|  | 
 | ||||||
| } | } | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 Elian Doran
						Elian Doran