From 35302f89f5d05a6be6499d58e19204b94f94faa6 Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Wed, 16 Apr 2025 16:47:11 +0200 Subject: [PATCH 1/7] limit to 9 apps on mobile --- src/components/AllApps.vue | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index 202a408..15d0594 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -75,7 +75,6 @@ export default { name: 'AllApps', data() { return { - defaultAppCount: 12, showAllApps: false, entries: loadState(APPLICATION_NAME, 'entries'), displayName: loadState(APPLICATION_NAME, 'displayName'), @@ -83,7 +82,16 @@ export default { documentsBaseDirectory: loadState(APPLICATION_NAME, 'documentsBaseDirectory'), } }, + mounted() { + window.addEventListener('resize', this.updateDefaultAppCount); + }, + beforeDestroy() { + window.removeEventListener('resize', this.updateDefaultAppCount); + }, methods: { + updateDefaultAppCount() { + this.defaultAppCount = window.innerWidth <= 768 ? 9 : 12; + }, getHref(entry) { const extensions = { onlyoffice_docx: '.docx', -- GitLab From da94cfc136e192468d37708b273a35ece5271e86 Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Wed, 16 Apr 2025 18:01:24 +0200 Subject: [PATCH 2/7] reduce vertical space between items --- src/components/AllApps.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index 15d0594..3b3e017 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -169,8 +169,8 @@ export default { text-align: center; width: 16.6666667%; float: left; - margin-top: 10px; - margin-bottom: 10px; + margin-top: 6px; + margin-bottom: 6px; padding: 20px 0; } @media only screen and (max-width: 768px) { -- GitLab From a79f6a978c39ec1b7d17bb304cb49d29cbe28879 Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Wed, 16 Apr 2025 18:09:14 +0200 Subject: [PATCH 3/7] show all apps below only when mobile' --- src/components/AllApps.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index 3b3e017..1924862 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -28,7 +28,7 @@

{{ t(appName, 'Welcome back') }} {{ displayName }}

-
+
{{ t(appName, 'Show All Apps') }} {{ t(appName, 'Show Less Apps') }}
@@ -64,6 +64,10 @@
{{ entry.name }}
+
+ {{ t(appName, 'Show All Apps') }} + {{ t(appName, 'Show Less Apps') }} +
@@ -89,6 +93,9 @@ export default { window.removeEventListener('resize', this.updateDefaultAppCount); }, methods: { + isMobile() { + return window.innerWidth <= 768; + }, updateDefaultAppCount() { this.defaultAppCount = window.innerWidth <= 768 ? 9 : 12; }, -- GitLab From aef175ad3da914f838561bb6f77dbd245133e5dd Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Thu, 17 Apr 2025 11:04:18 +0200 Subject: [PATCH 4/7] bigger gap for storage upgrade --- src/components/StorageLayout.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/StorageLayout.vue b/src/components/StorageLayout.vue index a539a23..790c627 100755 --- a/src/components/StorageLayout.vue +++ b/src/components/StorageLayout.vue @@ -247,6 +247,7 @@ a { .upgrade__main_div { padding-right: 0; + margin-top: 24px; } .align-center { -- GitLab From 871bf8b8c1a73510068cf6f973f091f66934cbb9 Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Thu, 17 Apr 2025 11:06:41 +0200 Subject: [PATCH 5/7] set default number of apps value --- src/components/AllApps.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index 1924862..3ded7b5 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -79,6 +79,7 @@ export default { name: 'AllApps', data() { return { + defaultAppCount: window.innerWidth <= 768 ? 9 : 12, showAllApps: false, entries: loadState(APPLICATION_NAME, 'entries'), displayName: loadState(APPLICATION_NAME, 'displayName'), -- GitLab From 1442b79a811c061432c45f811555b5ad79ccc2ed Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Thu, 17 Apr 2025 12:45:19 +0200 Subject: [PATCH 6/7] use isMobile method --- src/components/AllApps.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index 3ded7b5..2dddb9d 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -79,7 +79,7 @@ export default { name: 'AllApps', data() { return { - defaultAppCount: window.innerWidth <= 768 ? 9 : 12, + defaultAppCount: this.isMobile() ? 9 : 12, showAllApps: false, entries: loadState(APPLICATION_NAME, 'entries'), displayName: loadState(APPLICATION_NAME, 'displayName'), @@ -98,7 +98,7 @@ export default { return window.innerWidth <= 768; }, updateDefaultAppCount() { - this.defaultAppCount = window.innerWidth <= 768 ? 9 : 12; + this.defaultAppCount = this.isMobile() ? 9 : 12; }, getHref(entry) { const extensions = { -- GitLab From ad18a5753de5dfd38a37f99e5c777043634b0f4b Mon Sep 17 00:00:00 2001 From: Alexandre R D'anzi Date: Thu, 17 Apr 2025 12:48:32 +0200 Subject: [PATCH 7/7] put everything in variables --- src/components/AllApps.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index 2dddb9d..24b4991 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -79,7 +79,9 @@ export default { name: 'AllApps', data() { return { - defaultAppCount: this.isMobile() ? 9 : 12, + mobileAppCount: 9, + desktopAppCount: 12, + defaultAppCount: this.isMobile() ? this.mobileAppCount : this.desktopAppCount, showAllApps: false, entries: loadState(APPLICATION_NAME, 'entries'), displayName: loadState(APPLICATION_NAME, 'displayName'), @@ -98,7 +100,7 @@ export default { return window.innerWidth <= 768; }, updateDefaultAppCount() { - this.defaultAppCount = this.isMobile() ? 9 : 12; + this.defaultAppCount = this.isMobile() ? this.mobileAppCount : this.desktopAppCount; }, getHref(entry) { const extensions = { -- GitLab