Skip to content

Commit 106f443

Browse files
ChristophWurstChristophWurst
authored
Merge pull request #11457 from nextcloud/fix/ui/button-icons-16px
fix(ui): resize button icons from 16px to 20px
2 parents 7282411 + 9c059b8 commit 106f443

23 files changed

+67
-67
lines changed

‎src/components/AccountForm.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -212,8 +212,8 @@
212212
:disabled="isDisabledAuto || loading"
213213
@click.prevent="onSubmit">
214214
<template #icon>
215-
<IconLoading v-if="loading" :size="16" />
216-
<IconCheck v-else :size="16" />
215+
<IconLoading v-if="loading" :size="20" />
216+
<IconCheck v-else :size="20" />
217217
</template>
218218
{{ submitButtonText }}
219219
</ButtonVue>
@@ -225,8 +225,8 @@
225225
:disabled="isDisabledManual || loading"
226226
@click.prevent="onSubmit">
227227
<template #icon>
228-
<IconLoading v-if="loading" :size="16" />
229-
<IconCheck v-else :size="16" />
228+
<IconLoading v-if="loading" :size="20" />
229+
<IconCheck v-else :size="20" />
230230
</template>
231231
{{ submitButtonText }}
232232
</ButtonVue>

‎src/components/AliasForm.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@
3131
:form="formId"
3232
:name="t('mail', 'Update alias')">
3333
<template #icon>
34-
<IconLoading v-if="loading" :size="16" />
35-
<IconCheck v-else :size="16" />
34+
<IconLoading v-if="loading" :size="20" />
35+
<IconCheck v-else :size="20" />
3636
</template>
3737
</NcButton>
3838
</template>
@@ -46,7 +46,7 @@
4646
:name="t('mail', 'Show update alias form')"
4747
@click.prevent="showForm = true">
4848
<template #icon>
49-
<IconRename :size="16" />
49+
<IconRename :size="20" />
5050
</template>
5151
</NcButton>
5252
<NcButton v-if="enableDelete && !alias.provisioned"
@@ -55,8 +55,8 @@
5555
:name="t('mail', 'Delete alias')"
5656
@click.prevent="deleteAlias">
5757
<template #icon>
58-
<IconLoading v-if="loading" :size="16" />
59-
<IconDelete v-else :size="16" />
58+
<IconLoading v-if="loading" :size="20" />
59+
<IconDelete v-else :size="20" />
6060
</template>
6161
</NcButton>
6262
</template>

‎src/components/AliasSettings.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
:name="t('mail', 'Change name')"
1919
@click="$emit('rename-primary-alias')">
2020
<template #icon>
21-
<IconRename :size="16" />
21+
<IconRename :size="20" />
2222
</template>
2323
</ButtonVue>
2424
</AliasForm>
@@ -61,8 +61,8 @@
6161
:aria-label="t('mail', 'Create alias')"
6262
:disabled="loading">
6363
<template #icon>
64-
<IconLoading v-if="loading" :size="16" />
65-
<IconCheck v-else :size="16" />
64+
<IconLoading v-if="loading" :size="20" />
65+
<IconCheck v-else :size="20" />
6666
</template>
6767
{{ t('mail', 'Create alias') }}
6868
</ButtonVue>

‎src/components/AppSettingsMenu.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
:aria-label="t('mail', 'Add mail account')"
1717
class="app-settings-button">
1818
<template #icon>
19-
<IconAdd :size="16" />
19+
<IconAdd :size="20" />
2020
</template>
2121
{{ t('mail', 'Add mail account') }}
2222
</NcButton>
@@ -56,7 +56,7 @@
5656
button-variant-grouped="vertical"
5757
@update:checked="setLayout('vertical-split')">
5858
<template #icon>
59-
<VerticalSplit :size="16" />
59+
<VerticalSplit :size="20" />
6060
</template>
6161
{{ t('mail', 'Vertical split') }}
6262
</NcCheckboxRadioSwitch>
@@ -161,7 +161,7 @@
161161
:aria-label="t('mail', 'Register as application for mail links')"
162162
@click="registerProtocolHandler">
163163
<template #icon>
164-
<IconEmail :size="16" />
164+
<IconEmail :size="20" />
165165
</template>
166166
{{ t('mail', 'Register') }}
167167
</NcButton>
@@ -221,7 +221,7 @@
221221
:aria-label="t('mail', 'Manage S/MIME certificates')"
222222
@click.prevent.stop="displaySmimeCertificateModal = true">
223223
<template #icon>
224-
<IconLock :size="16" />
224+
<IconLock :size="20" />
225225
</template>
226226
{{ t('mail', 'Manage S/MIME certificates') }}
227227
</NcButton>
@@ -341,7 +341,7 @@
341341
class="text-block-buttons__button"
342342
@click="closeTextBlockDialog">
343343
<template #icon>
344-
<IconClose :size="16" />
344+
<IconClose :size="20" />
345345
</template>
346346
{{ t('mail', 'Cancel') }}
347347
</NcButton>
@@ -350,7 +350,7 @@
350350
:disabled="!localTextBlock.title || !localTextBlock.content"
351351
@click="newTextBlock">
352352
<template #icon>
353-
<IconCheck :size="16" />
353+
<IconCheck :size="20" />
354354
</template>
355355
{{ t('mail', 'Ok') }}
356356
</NcButton>

‎src/components/Composer.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -271,7 +271,7 @@
271271
:aria-label="t('mail', 'Save draft')"
272272
@click="saveDraft">
273273
<template #icon>
274-
<Download :size="16" :title="t('mail', 'Save draft')" />
274+
<Download :size="20" :title="t('mail', 'Save draft')" />
275275
</template>
276276
</ButtonVue>
277277
<ButtonVue v-if="!savingDraft && draftSaved"
@@ -280,7 +280,7 @@
280280
:aria-label="t('mail', 'Discard & close draft')"
281281
@click="$emit('discard-draft')">
282282
<template #icon>
283-
<Delete :size="16" :title="t('mail', 'Discard & close draft')" />
283+
<Delete :size="20" :title="t('mail', 'Discard & close draft')" />
284284
</template>
285285
</ButtonVue>
286286
</div>
@@ -290,7 +290,7 @@
290290
:aria-label="t('mail', 'Enable formatting')"
291291
@click="setEditorModeHtml()">
292292
<template #icon>
293-
<IconFormat :size="16" :title="t('mail', 'Enable formatting')" />
293+
<IconFormat :size="20" :title="t('mail', 'Enable formatting')" />
294294
</template>
295295
</ButtonVue>
296296
<ButtonVue v-if="!encrypt && !editorPlainText"
@@ -299,7 +299,7 @@
299299
:aria-label="t('mail', 'Disable formatting')"
300300
@click="setEditorModeText()">
301301
<template #icon>
302-
<IconFormat :size="16" :title="t('mail', 'Disable formatting')" />
302+
<IconFormat :size="20" :title="t('mail', 'Disable formatting')" />
303303
</template>
304304
</ButtonVue>
305305

@@ -458,7 +458,7 @@
458458
@click="onSend">
459459
<template #icon>
460460
<Send :title="submitButtonTitle"
461-
:size="16" />
461+
:size="20" />
462462
</template>
463463
{{ submitButtonTitle }}
464464
</ButtonVue>

‎src/components/EnvelopeList.vue‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,49 +11,49 @@
1111
type="tertiary"
1212
:title="n('mail', 'Mark {number} read', 'Mark {number} read', selection.length, { number: selection.length })"
1313
@click.prevent="markSelectedRead">
14-
<EmailRead :size="16" />
14+
<EmailRead :size="20" />
1515
</NcButton>
1616

1717
<NcButton v-if="isAtLeastOneSelectedRead"
1818
type="tertiary"
1919
:title="n('mail', 'Mark {number} unread', 'Mark {number} unread', selection.length, { number: selection.length })"
2020
@click.prevent="markSelectedUnread">
21-
<EmailUnread :size="16" />
21+
<EmailUnread :size="20" />
2222
</NcButton>
2323

2424
<NcButton v-if="isAtLeastOneSelectedUnimportant"
2525
type="tertiary"
2626
:title="n('mail', 'Mark {number} as important', 'Mark {number} as important', selection.length, { number: selection.length })"
2727
@click.prevent="markSelectionImportant">
28-
<ImportantIcon :size="16" />
28+
<ImportantIcon :size="20" />
2929
</NcButton>
3030

3131
<NcButton v-if="isAtLeastOneSelectedImportant"
3232
type="tertiary"
3333
:title="n('mail', 'Mark {number} as unimportant', 'Mark {number} as unimportant', selection.length, { number: selection.length })"
3434
@click.prevent="markSelectionUnimportant">
35-
<ImportantOutlineIcon :size="16" />
35+
<ImportantOutlineIcon :size="20" />
3636
</NcButton>
3737

3838
<NcButton v-if="isAtLeastOneSelectedFavorite"
3939
type="tertiary"
4040
:title="n('mail', 'Unfavorite {number}', 'Unfavorite {number}', selection.length, { number: selection.length })"
4141
@click.prevent="favoriteAll">
42-
<IconUnFavorite :size="16" />
42+
<IconUnFavorite :size="20" />
4343
</NcButton>
4444

4545
<NcButton v-if="isAtLeastOneSelectedUnFavorite"
4646
type="tertiary"
4747
:title="n('mail', 'Favorite {number}', 'Favorite {number}', selection.length, { number: selection.length })"
4848
@click.prevent="unFavoriteAll">
49-
<IconFavorite :size="16" />
49+
<IconFavorite :size="20" />
5050
</NcButton>
5151

5252
<NcButton type="tertiary"
5353
:title="n('mail', 'Unselect {number}', 'Unselect {number}', selection.length, { number: selection.length })"
5454
:close-after-click="true"
5555
@click.prevent="unselectAll">
56-
<IconSelect :size="16" />
56+
<IconSelect :size="20" />
5757
</NcButton>
5858
<NcButton type="tertiary"
5959
:title="n(
@@ -65,7 +65,7 @@
6565
)"
6666
:close-after-click="true"
6767
@click.prevent="deleteAllSelected">
68-
<IconDelete :size="16" />
68+
<IconDelete :size="20" />
6969
</NcButton>
7070
</div>
7171

‎src/components/MailboxPicker.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
:aria-label="loading ? labelSelectLoading : labelSelect"
5353
@click="onSelect">
5454
<template #icon>
55-
<IconLoading v-if="loading" :size="16" />
55+
<IconLoading v-if="loading" :size="20" />
5656
</template>
5757
{{ loading ? labelSelectLoading : labelSelect }}
5858
</ButtonVue>

‎src/components/MailboxThread.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
:aria-label="t('mail', 'Follow up info')"
4444
class="button">
4545
<template #icon>
46-
<IconInfo :size="16" />
46+
<IconInfo :size="20" />
4747
</template>
4848
</ButtonVue>
4949
</template>
@@ -70,7 +70,7 @@
7070
:aria-label="t('mail', 'Important info')"
7171
class="button">
7272
<template #icon>
73-
<IconInfo :size="16" />
73+
<IconInfo :size="20" />
7474
</template>
7575
</ButtonVue>
7676
</template>

‎src/components/NewMessageButtonHeader.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
:wide="true"
1111
@click="onNewMessage">
1212
<template #icon>
13-
<IconAdd :size="16" />
13+
<IconAdd :size="20" />
1414
</template>
1515
{{ t('mail', 'New message') }}
1616
</ButtonVue>
@@ -22,9 +22,9 @@
2222
@click="refreshMailbox">
2323
<template #icon>
2424
<IconRefresh v-if="!refreshing"
25-
:size="16" />
25+
:size="20" />
2626
<IconLoading v-if="refreshing"
27-
:size="16" />
27+
:size="20" />
2828
</template>
2929
</ButtonVue>
3030
</div>

‎src/components/OutOfOfficeForm.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
<p>{{ t('mail', 'The autoresponder follows your personal absence period settings.') }}</p>
4242
<ButtonVue :href="personalAbsenceSettingsUrl" target="_blank" rel="noopener noreferrer">
4343
<template #icon>
44-
<OpenInNewIcon :size="16" />
44+
<OpenInNewIcon :size="20" />
4545
</template>
4646
{{ t('mail', 'Edit absence settings') }}
4747
</ButtonVue>
@@ -102,7 +102,7 @@
102102
:aria-label="t('mail', 'Save autoresponder')"
103103
:disabled="loading || !valid">
104104
<template #icon>
105-
<CheckIcon :size="16" />
105+
<CheckIcon :size="20" />
106106
</template>
107107
{{ t('mail', 'Save autoresponder') }}
108108
</ButtonVue>

0 commit comments

Comments
 (0)