diff options
author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2021-06-21 17:24:06 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-06-21 17:24:06 +0200 |
commit | 334e6b03ce0fb323c188ae28252e3a1b00ba05b6 (patch) | |
tree | 01abbae2462dc332293eb50157fd40904d808d33 /src/components | |
parent | 74667c3410c888aedc5b4e8dd103a70aa78adc9a (diff) | |
parent | e4dc09c4e4b9f52a74633bec19b1c4acdd674e81 (diff) |
Merge pull request #5827 from nextcloud/bugfix/5820/settings-buttons-md-icons
Replace settings button icons with material design icons
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/ConversationSettings/LinkShareSettings.vue | 25 |
1 files changed, 21 insertions, 4 deletions
diff --git a/src/components/ConversationSettings/LinkShareSettings.vue b/src/components/ConversationSettings/LinkShareSettings.vue index 50107662f..bee9b4b44 100644 --- a/src/components/ConversationSettings/LinkShareSettings.vue +++ b/src/components/ConversationSettings/LinkShareSettings.vue @@ -85,14 +85,22 @@ <button ref="copyLinkButton" @click.prevent="handleCopyLink"> - <span class="icon icon-clippy" />{{ t('spreed', 'Copy conversation link') }} + <ClipboardTextOutline + :size="16" + decorative + title="" /> + {{ t('spreed', 'Copy conversation link') }} </button> </div> <div v-if="isSharedPublicly" class="app-settings-subsection"> <button :disabled="isSendingInvitations" @click.prevent="handleResendInvitations"> - <span class="icon icon-mail" />{{ t('spreed', 'Resend invitations') }} + <Email + :size="16" + decorative + title="" /> + {{ t('spreed', 'Resend invitations') }} </button> <span v-if="isSendingInvitations" class="icon-loading-small spinner" /> </div> @@ -106,10 +114,17 @@ import { setConversationPassword, } from '../../services/conversationsService' import { generateUrl } from '@nextcloud/router' +import ClipboardTextOutline from 'vue-material-design-icons/ClipboardTextOutline' +import Email from 'vue-material-design-icons/Email' export default { name: 'LinkShareSettings', + components: { + ClipboardTextOutline, + Email, + }, + data() { return { // The conversation's password @@ -243,8 +258,10 @@ export default { </script> <style lang="scss" scoped> -.icon { - margin-right: 10px; +button > .material-design-icon { + display: inline-block; + vertical-align: middle; + margin-right: 7px; } .spinner { |