diff options
| author | Vincent Petry <vincent@nextcloud.com> | 2023-01-04 12:46:35 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-01-04 12:46:35 +0100 |
| commit | 7e58906a85dc716a64f312c53c3295cc1216336c (patch) | |
| tree | c19bf1906dbc37f11ede055865801f451a02c358 /apps | |
| parent | 926546333c9b6eaea21ac4006b682d2d9dd0fc3d (diff) | |
| parent | 088e9b0feb540703f46b5fb13f7939d0ce0f129a (diff) | |
| download | nextcloud-server-7e58906a85dc716a64f312c53c3295cc1216336c.tar.gz nextcloud-server-7e58906a85dc716a64f312c53c3295cc1216336c.zip | |
Merge pull request #35972 from nextcloud/fix/34777/improve-app-sidebar
appsidebar should be compact when opened on small heights
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files/src/views/Sidebar.vue | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/apps/files/src/views/Sidebar.vue b/apps/files/src/views/Sidebar.vue index 4c29da59708..1fb60f7fc39 100644 --- a/apps/files/src/views/Sidebar.vue +++ b/apps/files/src/views/Sidebar.vue @@ -117,6 +117,7 @@ export default { fileInfo: null, starLoading: false, isFullScreen: false, + hasLowHeight: false, } }, @@ -231,7 +232,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, @@ -489,6 +490,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> |