appsidebar should be compact when opened on small heights

Signed-off-by: Simon L <[email protected]>
Signed-off-by: nextcloud-command <[email protected]>

Author: szaimen

apps/files/src/views/Sidebar.vue

@@ -112,6 +112,7 @@ export default {
 			fileInfo: null,
 			starLoading: false,
 			isFullScreen: false,
+			hasLowHeight: false,
 		}
 	},
 
@@ -226,7 +227,7 @@ export default {
 						'app-sidebar--has-preview': this.fileInfo.hasPreview && !this.isFullScreen,
 						'app-sidebar--full': this.isFullScreen,
 					},
-					compact: !this.fileInfo.hasPreview || this.isFullScreen,
+					compact: this.hasLowHeight || !this.fileInfo.hasPreview || this.isFullScreen,
 					loading: this.loading,
 					starred: this.fileInfo.isFavourited,
 					subtitle: this.subtitle,
@@ -484,6 +485,16 @@ export default {
 		handleClosed() {
 			emit('files:sidebar:closed')
 		},
+		handleWindowResize() {
+			this.hasLowHeight = document.documentElement.clientHeight < 1024
+		},
+	},
+	created() {
+		window.addEventListener('resize', this.handleWindowResize)
+		this.handleWindowResize()
+	},
+	beforeDestroy() {
+		window.removeEventListener('resize', this.handleWindowResize)
 	},
 }
 </script>