diff options
author | Richard Steinmetz <richard@steinmetz.cloud> | 2022-05-09 11:32:00 +0300 |
---|---|---|
committer | Richard Steinmetz <richard@steinmetz.cloud> | 2022-05-09 11:48:21 +0300 |
commit | fa7eb0e561eb4f6677635e7c74389fbf7d5a8ba6 (patch) | |
tree | e1015527a9e2d02c53a883190f85ec03e19d013c /src | |
parent | d072a74511b39798a8f6ab8c7faa8b773442cacb (diff) |
Move mailvelope hint from composer to app settings
Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/AppSettingsMenu.vue | 24 | ||||
-rw-r--r-- | src/components/Composer.vue | 10 |
2 files changed, 23 insertions, 11 deletions
diff --git a/src/components/AppSettingsMenu.vue b/src/components/AppSettingsMenu.vue index 235b14b30..0213fa0a9 100644 --- a/src/components/AppSettingsMenu.vue +++ b/src/components/AppSettingsMenu.vue @@ -73,6 +73,18 @@ {{ t('mail', 'Show keyboard shortcuts') }} </button> <KeyboardShortcuts v-if="displayKeyboardShortcuts" @close="closeKeyboardShortcuts" /> + + <p class="mailvelope-section"> + {{ t('mail', 'Looking for a way to encrypt your emails?') }} + + <a + class="icon-password button app-settings-button" + href="https://www.mailvelope.com/" + target="_blank" + rel="noopener noreferrer"> + {{ t('mail', 'Install Mailvelope browser extension') }} + </a> + </p> </div> </template> @@ -207,7 +219,7 @@ export default { } </script> -<style scoped> +<style lang="scss" scoped> p.app-settings span.icon-loading-small { display: inline-block; vertical-align: middle; @@ -229,4 +241,14 @@ p.app-settings { .app-settings-link { text-decoration: underline; } +.mailvelope-section { + padding-top: 15px; + + a.button { + display: flex; + align-items: center; + line-height: normal; + min-height: 34px; + } +} </style> diff --git a/src/components/Composer.vue b/src/components/Composer.vue index 0bfa00c75..140728452 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -224,14 +224,6 @@ @uncheck="encrypt = false"> {{ t('mail', 'Encrypt message with Mailvelope') }} </ActionCheckbox> - <ActionLink v-else - href="https://www.mailvelope.com/" - target="_blank" - icon="icon-password"> - {{ - t('mail', 'Looking for a way to encrypt your emails? Install the Mailvelope browser extension!') - }} - </ActionLink> </template> <template v-if="isMoreActionsOpen"> <ActionButton :close-after-click="false" @@ -357,7 +349,6 @@ import Actions from '@nextcloud/vue/dist/Components/Actions' import ActionButton from '@nextcloud/vue/dist/Components/ActionButton' import ActionCheckbox from '@nextcloud/vue/dist/Components/ActionCheckbox' import ActionInput from '@nextcloud/vue/dist/Components/ActionInput' -import ActionLink from '@nextcloud/vue/dist/Components/ActionLink' import ActionRadio from '@nextcloud/vue/dist/Components/ActionRadio' import Button from '@nextcloud/vue/dist/Components/Button' import ChevronLeft from 'vue-material-design-icons/ChevronLeft' @@ -417,7 +408,6 @@ export default { ActionButton, ActionCheckbox, ActionInput, - ActionLink, ActionRadio, VButton: Button, ComposerAttachments, |