From cbc60e64a1651683ef2cb366dcc26b806dfdccdb Mon Sep 17 00:00:00 2001 From: Angelina Filippova Date: Thu, 6 Feb 2020 19:53:30 +0300 Subject: [PATCH 01/21] Add select menu for mobile UI --- src/views/settings/index.vue | 131 ++++++++++++++++++++++++++--------- 1 file changed, 100 insertions(+), 31 deletions(-) diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue index 5edb0a19..0a5cc15b 100644 --- a/src/views/settings/index.vue +++ b/src/views/settings/index.vue @@ -1,72 +1,101 @@ From 3a8132da7a2764e84e8464ecde1d934a9ebce1c2 Mon Sep 17 00:00:00 2001 From: Angelina Filippova Date: Thu, 6 Feb 2020 21:01:54 +0300 Subject: [PATCH 02/21] Change styles for settting inputs for mobile ui --- src/views/emojiPacks/index.vue | 2 +- src/views/settings/components/ActivityPub.vue | 2 +- .../settings/components/Authentication.vue | 2 +- src/views/settings/components/AutoLinker.vue | 2 +- src/views/settings/components/Captcha.vue | 2 +- src/views/settings/components/Esshd.vue | 2 +- src/views/settings/components/Frontend.vue | 2 +- src/views/settings/components/Gopher.vue | 2 +- src/views/settings/components/Http.vue | 2 +- src/views/settings/components/Inputs.vue | 178 +++++++++--------- src/views/settings/components/Instance.vue | 2 +- src/views/settings/components/JobQueue.vue | 2 +- src/views/settings/components/Logger.vue | 2 +- src/views/settings/components/MRF.vue | 2 +- src/views/settings/components/Mailer.vue | 2 +- src/views/settings/components/MediaProxy.vue | 2 +- src/views/settings/components/Metadata.vue | 2 +- src/views/settings/components/Other.vue | 2 +- .../settings/components/RateLimiters.vue | 2 +- src/views/settings/components/Upload.vue | 2 +- src/views/settings/components/WebPush.vue | 2 +- src/views/settings/index.vue | 58 +++--- src/views/settings/styles/main.scss | 27 +-- 23 files changed, 160 insertions(+), 143 deletions(-) diff --git a/src/views/emojiPacks/index.vue b/src/views/emojiPacks/index.vue index 40c40d3e..48c7a0e3 100644 --- a/src/views/emojiPacks/index.vue +++ b/src/views/emojiPacks/index.vue @@ -72,7 +72,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '240px' + return this.isMobile ? '120px' : '240px' }, localPacks() { return this.$store.state.emojiPacks.localPacks diff --git a/src/views/settings/components/ActivityPub.vue b/src/views/settings/components/ActivityPub.vue index 56a57b9a..d4eba8c1 100644 --- a/src/views/settings/components/ActivityPub.vue +++ b/src/views/settings/components/ActivityPub.vue @@ -36,7 +36,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.$store.state.settings.loading diff --git a/src/views/settings/components/Authentication.vue b/src/views/settings/components/Authentication.vue index fa517f35..e83db32a 100644 --- a/src/views/settings/components/Authentication.vue +++ b/src/views/settings/components/Authentication.vue @@ -44,7 +44,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, ldap() { return this.settings.description.find(setting => setting.key === ':ldap') diff --git a/src/views/settings/components/AutoLinker.vue b/src/views/settings/components/AutoLinker.vue index 18ebabc3..b5d3148e 100644 --- a/src/views/settings/components/AutoLinker.vue +++ b/src/views/settings/components/AutoLinker.vue @@ -32,7 +32,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.settings.loading diff --git a/src/views/settings/components/Captcha.vue b/src/views/settings/components/Captcha.vue index cc150337..f677f641 100644 --- a/src/views/settings/components/Captcha.vue +++ b/src/views/settings/components/Captcha.vue @@ -42,7 +42,7 @@ export default { return _.get(this.settings.settings, [':pleroma', 'Pleroma.Captcha.Kocaptcha']) || {} }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.settings.loading diff --git a/src/views/settings/components/Esshd.vue b/src/views/settings/components/Esshd.vue index 38b0865e..ba58faff 100644 --- a/src/views/settings/components/Esshd.vue +++ b/src/views/settings/components/Esshd.vue @@ -32,7 +32,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.settings.loading diff --git a/src/views/settings/components/Frontend.vue b/src/views/settings/components/Frontend.vue index 3931a2c8..9696bb4f 100644 --- a/src/views/settings/components/Frontend.vue +++ b/src/views/settings/components/Frontend.vue @@ -74,7 +74,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.settings.loading diff --git a/src/views/settings/components/Gopher.vue b/src/views/settings/components/Gopher.vue index 04aec565..952662c0 100644 --- a/src/views/settings/components/Gopher.vue +++ b/src/views/settings/components/Gopher.vue @@ -32,7 +32,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.settings.loading diff --git a/src/views/settings/components/Http.vue b/src/views/settings/components/Http.vue index afbf79c6..cd450076 100644 --- a/src/views/settings/components/Http.vue +++ b/src/views/settings/components/Http.vue @@ -66,7 +66,7 @@ export default { return this.$store.state.app.device === 'mobile' }, labelWidth() { - return this.isMobile ? '100px' : '280px' + return this.isMobile ? '120px' : '280px' }, loading() { return this.settings.loading diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue index 1f5a79c6..ae3ebb8c 100644 --- a/src/views/settings/components/Inputs.vue +++ b/src/views/settings/components/Inputs.vue @@ -1,88 +1,92 @@