Skip to content

Commit 4a9bc60

Browse files
JuliaKirschenheuterJuliaKirschenheuter
authored
Merge pull request #1596 from nextcloud/enh/1587-Use-outline-icons
feat(ui): switch to outline icons
2 parents 5450a71 + 0b14c60 commit 4a9bc60

File tree

6 files changed

+37
-37
lines changed

6 files changed

+37
-37
lines changed

‎src/App.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ import { showSuccess, TOAST_UNDO_TIMEOUT, TOAST_PERMANENT_TIMEOUT } from '@nextc
5858
import '@nextcloud/dialogs/style.css'
5959
6060
import PlusIcon from 'vue-material-design-icons/Plus.vue'
61-
import CogIcon from 'vue-material-design-icons/Cog.vue'
61+
import CogIcon from 'vue-material-design-icons/CogOutline.vue'
6262
6363
import AppSettings from './components/AppSettings.vue'
6464
import CategoriesList from './components/CategoriesList.vue'

‎src/components/CreateSampleButton.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
<template>
77
<NcButton type="secondary" @click="onNewNote">
8-
<PlusIcon slot="icon" :size="20" />
8+
<PlusOutlineIcon slot="icon" :size="20" />
99
{{ t('notes', 'Create a sample note with Markdown') }}
1010
</NcButton>
1111
</template>
@@ -15,15 +15,15 @@ import {
1515
NcButton,
1616
} from '@nextcloud/vue'
1717
18-
import PlusIcon from 'vue-material-design-icons/Plus.vue'
18+
import PlusOutlineIcon from 'vue-material-design-icons/PlusOutline.vue'
1919
2020
import { createNote } from '../NotesService.js'
2121
import { getDefaultSampleNote, getDefaultSampleNoteTitle } from '../Util.js'
2222
2323
export default {
2424
components: {
2525
NcButton,
26-
PlusIcon,
26+
PlusOutlineIcon,
2727
},
2828
2929
methods: {

‎src/components/Dashboard.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
</NcDashboardWidget>
2727
<div v-if="!loading" class="buttons-footer">
2828
<NcButton :href="createNoteUrl">
29-
<PlusIcon slot="icon" :size="20" />
29+
<PlusOutline slot="icon" :size="20" />
3030
{{ t('notes', 'New note') }}
3131
</NcButton>
3232
</div>
@@ -37,7 +37,7 @@
3737
import { NcButton, NcDashboardWidget, NcDashboardWidgetItem } from '@nextcloud/vue'
3838
import { generateUrl } from '@nextcloud/router'
3939
40-
import PlusIcon from 'vue-material-design-icons/Plus.vue'
40+
import PlusOutline from 'vue-material-design-icons/PlusOutline.vue'
4141
4242
import { getDashboardData } from '../NotesService.js'
4343
import { categoryLabel } from '../Util.js'
@@ -49,7 +49,7 @@ export default {
4949
NcButton,
5050
NcDashboardWidget,
5151
NcDashboardWidgetItem,
52-
PlusIcon,
52+
PlusOutline,
5353
},
5454
5555
data() {

‎src/components/NoteItem.vue‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,12 @@
1616
{{ categoryTitle }}
1717
</template>
1818
<template #icon>
19-
<AlertOctagonIcon v-if="note.error"
19+
<AlertOctagonOutlineIcon v-if="note.error"
2020
slot="icon"
2121
:size="20"
2222
fill-color="#E9322D"
2323
/>
24-
<StarIcon v-else-if="note.favorite"
24+
<StarOutlineIcon v-else-if="note.favorite"
2525
slot="icon"
2626
:size="20"
2727
fill-color="#FC0"
@@ -32,7 +32,7 @@
3232
/>
3333
</template>
3434
<template v-if="isShared" #indicator>
35-
<ShareVariantIcon :size="16" fill-color="#0082c9" />
35+
<ShareVariantOutlineIcon :size="16" fill-color="#0082c9" />
3636
</template>
3737
<template #actions>
3838
<NcActionButton :icon="actionFavoriteIcon" @click="onToggleFavorite">
@@ -41,14 +41,14 @@
4141

4242
<NcActionButton @click="onToggleSharing">
4343
<template #icon>
44-
<ShareVariantIcon :size="20" />
44+
<ShareVariantOutlineIcon :size="20" />
4545
</template>
4646
{{ t('notes', 'Share') }}
4747
</NcActionButton>
4848

4949
<NcActionButton v-if="!showCategorySelect" @click="showCategorySelect = true">
5050
<template #icon>
51-
<FolderIcon :size="20" />
51+
<FolderOutlineIcon :size="20" />
5252
</template>
5353
{{ categoryTitle }}
5454
</NcActionButton>
@@ -66,13 +66,13 @@
6666
@search-change="onCategoryChange"
6767
>
6868
<template #icon>
69-
<FolderIcon :size="20" />
69+
<FolderOutlineIcon :size="20" />
7070
</template>
7171
{{ t('notes', 'Change category') }}
7272
</NcActionInput>
7373

7474
<NcActionButton v-if="!renaming" @click="startRenaming">
75-
<PencilIcon slot="icon" :size="20" />
75+
<PencilOutlineIcon slot="icon" :size="20" />
7676
{{ t('notes', 'Rename') }}
7777
</NcActionButton>
7878
<NcActionInput v-else
@@ -83,7 +83,7 @@
8383
@input="onInputChange($event)"
8484
@submit="onRename"
8585
>
86-
<PencilIcon slot="icon" :size="20" />
86+
<PencilOutlineIcon slot="icon" :size="20" />
8787
</NcActionInput>
8888

8989
<NcActionSeparator />
@@ -101,31 +101,31 @@
101101

102102
<script>
103103
import { NcListItem, NcActionButton, NcActionSeparator, NcActionInput } from '@nextcloud/vue'
104-
import AlertOctagonIcon from 'vue-material-design-icons/AlertOctagon.vue'
104+
import AlertOctagonOutlineIcon from 'vue-material-design-icons/AlertOctagonOutline.vue'
105105
import FileDocumentOutlineIcon from 'vue-material-design-icons/FileDocumentOutline.vue'
106-
import FolderIcon from 'vue-material-design-icons/Folder.vue'
107-
import PencilIcon from 'vue-material-design-icons/Pencil.vue'
108-
import StarIcon from 'vue-material-design-icons/Star.vue'
106+
import FolderOutlineIcon from 'vue-material-design-icons/FolderOutline.vue'
107+
import PencilOutlineIcon from 'vue-material-design-icons/PencilOutline.vue'
108+
import StarOutlineIcon from 'vue-material-design-icons/StarOutline.vue'
109109
import { categoryLabel, routeIsNewNote } from '../Util.js'
110110
import { showError } from '@nextcloud/dialogs'
111111
import { setFavorite, setTitle, fetchNote, deleteNote, setCategory } from '../NotesService.js'
112-
import ShareVariantIcon from 'vue-material-design-icons/ShareVariant.vue'
112+
import ShareVariantOutlineIcon from 'vue-material-design-icons/ShareVariantOutline.vue'
113113
import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
114114
115115
export default {
116116
name: 'NoteItem',
117117
118118
components: {
119-
AlertOctagonIcon,
119+
AlertOctagonOutlineIcon,
120120
FileDocumentOutlineIcon,
121-
FolderIcon,
121+
FolderOutlineIcon,
122122
NcActionButton,
123123
NcListItem,
124-
StarIcon,
124+
StarOutlineIcon,
125125
NcActionSeparator,
126126
NcActionInput,
127-
PencilIcon,
128-
ShareVariantIcon,
127+
PencilOutlineIcon,
128+
ShareVariantOutlineIcon,
129129
},
130130
131131
props: {

‎src/components/NotePlain.vue‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -56,8 +56,8 @@
5656
v-tooltip.left="t('notes', 'CTRL + /')"
5757
@click="onTogglePreview"
5858
>
59-
<EditIcon v-if="preview" slot="icon" :size="20" />
60-
<EyeIcon v-else slot="icon" :size="20" />
59+
<PencilOutlineIcon v-if="preview" slot="icon" :size="20" />
60+
<EyeOutlineIcon v-else slot="icon" :size="20" />
6161
{{ preview ? t('notes', 'Edit') : t('notes', 'Preview') }}
6262
</NcActionButton>
6363
<NcActionButton
@@ -70,7 +70,7 @@
7070
</NcActions>
7171
<NcActions v-if="note.readonly">
7272
<NcActionButton>
73-
<NoEditIcon slot="icon" :size="20" />
73+
<PencilOffOutlineIcon slot="icon" :size="20" />
7474
{{ t('notes', 'Note is read-only. You cannot change it.') }}
7575
</NcActionButton>
7676
</NcActions>
@@ -103,10 +103,10 @@ import {
103103
import { showError } from '@nextcloud/dialogs'
104104
import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
105105
106-
import EditIcon from 'vue-material-design-icons/LeadPencil.vue'
107-
import EyeIcon from 'vue-material-design-icons/Eye.vue'
106+
import PencilOutlineIcon from 'vue-material-design-icons/PencilOutline.vue'
107+
import EyeOutlineIcon from 'vue-material-design-icons/EyeOutline.vue'
108108
import FullscreenIcon from 'vue-material-design-icons/Fullscreen.vue'
109-
import NoEditIcon from 'vue-material-design-icons/PencilOff.vue'
109+
import PencilOffOutlineIcon from 'vue-material-design-icons/PencilOffOutline.vue'
110110
import SyncAlertIcon from 'vue-material-design-icons/SyncAlert.vue'
111111
112112
import { config } from '../config.js'
@@ -122,14 +122,14 @@ export default {
122122
123123
components: {
124124
ConflictSolution,
125-
EditIcon,
126-
EyeIcon,
125+
PencilOutlineIcon,
126+
EyeOutlineIcon,
127127
FullscreenIcon,
128128
NcActions,
129129
NcActionButton,
130130
NcAppContent,
131131
NcModal,
132-
NoEditIcon,
132+
PencilOffOutlineIcon,
133133
SyncAlertIcon,
134134
TheEditor,
135135
ThePreview,

‎src/components/Welcome.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
</div>
1313
<div class="feature">
1414
<NcButton type="secondary" @click="onNewNote">
15-
<PlusIcon slot="icon" :size="20" />
15+
<PlusOutlineIcon slot="icon" :size="20" />
1616
{{ t('notes', 'New note') }}
1717
</NcButton>
1818
</div>
@@ -39,7 +39,7 @@ import {
3939
NcButton,
4040
} from '@nextcloud/vue'
4141
42-
import PlusIcon from 'vue-material-design-icons/Plus.vue'
42+
import PlusOutlineIcon from 'vue-material-design-icons/PlusOutline.vue'
4343
4444
import CreateSampleButton from './CreateSampleButton.vue'
4545
import HelpMobile from './HelpMobile.vue'
@@ -54,7 +54,7 @@ export default {
5454
HelpMobile,
5555
NcAppContent,
5656
NcButton,
57-
PlusIcon,
57+
PlusOutlineIcon,
5858
},
5959
6060
methods: {

0 commit comments

Comments
 (0)