Skip to content

Commit 43d6213

Browse files
max-nextcloudmax-nextcloud
authored
Merge pull request #7456 from nextcloud/use-outline-icons
feat: use outline icons
2 parents 7598673 + 82f2387 commit 43d6213

7 files changed

Lines changed: 41 additions & 39 deletions

File tree

‎src/components/Assistant.vue‎

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,17 @@
1414
data-cy="assistantMenu">
1515
<NcActions :title="t('text', 'Nextcloud Assistant')" :type="'secondary'">
1616
<template #icon>
17-
<CreationIcon :size="20" class="icon" />
17+
<CreationOutlineIcon :size="20" class="icon" />
1818
</template>
1919
<NcActionButton
2020
v-for="type in taskTypes"
2121
:key="type.id"
2222
close-after-click
2323
@click="openAssistantForm(type.id)">
2424
<template #icon>
25-
<PencilIcon v-if="type.id == 'core:text2text'" :size="20" />
25+
<PencilOutlineIcon
26+
v-if="type.id == 'core:text2text'"
27+
:size="20" />
2628
<FormatHeader1
2729
v-else-if="type.id == 'core:text2text:headline'"
2830
:size="20" />
@@ -32,7 +34,7 @@
3234
<TextShort
3335
v-else-if="type.id == 'core:text2text:summary'"
3436
:size="20" />
35-
<CreationIcon v-else />
37+
<CreationOutlineIcon v-else />
3638
</template>
3739
{{ type.name }}
3840
</NcActionButton>
@@ -52,7 +54,7 @@
5254
close-after-click
5355
@click="showTaskList = true">
5456
<template #icon>
55-
<CreationIcon :size="20" />
57+
<CreationOutlineIcon :size="20" />
5658
</template>
5759
{{ t('text', 'Show assistant results') }}
5860
</NcActionButton>
@@ -68,7 +70,7 @@
6870
<div class="task-list">
6971
<h4 v-if="tasks.length > 0">
7072
<span class="assistant-bubble">
71-
<CreationIcon :size="16" class="icon" />
73+
<CreationOutlineIcon :size="16" class="icon" />
7274
<span>{{ t('text', 'Nextcloud Assistant') }}</span>
7375
</span>
7476
</h4>
@@ -84,11 +86,11 @@
8486
{{ task.input.input }}
8587
</template>
8688
<template #icon>
87-
<CheckCircleIcon
89+
<CheckCircleOutlineIcon
8890
v-if="task.status === STATUS_SUCCESSFUL"
8991
:size="20"
9092
class="icon-status--success" />
91-
<ErrorIcon
93+
<ErrorOutlineIcon
9294
v-else-if="task.status === STATUS_FAILED"
9395
:size="20"
9496
class="icon-status--failed" />
@@ -113,7 +115,7 @@
113115
:title="task.output.output"
114116
@click.stop="() => openResult(task)">
115117
<template #icon>
116-
<CreationIcon :size="20" />
118+
<CreationOutlineIcon :size="20" />
117119
</template>
118120
{{ t('text', 'Show result') }}
119121
</NcActionButton>
@@ -128,7 +130,7 @@
128130
</NcActionButton>
129131
<NcActionButton @click="() => deleteTask(task)">
130132
<template #icon>
131-
<DeleteIcon :size="20" />
133+
<DeleteOutlineIcon :size="20" />
132134
</template>
133135
{{ t('text', 'Delete task') }}
134136
</NcActionButton>
@@ -153,14 +155,14 @@ import NcListItem from '@nextcloud/vue/components/NcListItem'
153155
import NcModal from '@nextcloud/vue/components/NcModal'
154156
import { posToDOMRect } from '@tiptap/core'
155157
import { FloatingMenu } from '@tiptap/vue-2'
156-
import ErrorIcon from 'vue-material-design-icons/AlertCircle.vue'
157-
import CheckCircleIcon from 'vue-material-design-icons/CheckCircle.vue'
158+
import ErrorOutlineIcon from 'vue-material-design-icons/AlertCircleOutline.vue'
159+
import CheckCircleOutlineIcon from 'vue-material-design-icons/CheckCircleOutline.vue'
158160
import ClipboardTextOutlineIcon from 'vue-material-design-icons/ClipboardTextOutline.vue'
159161
import ClockOutline from 'vue-material-design-icons/ClockOutline.vue'
160-
import CreationIcon from 'vue-material-design-icons/Creation.vue'
161-
import DeleteIcon from 'vue-material-design-icons/Delete.vue'
162+
import CreationOutlineIcon from 'vue-material-design-icons/CreationOutline.vue'
163+
import DeleteOutlineIcon from 'vue-material-design-icons/DeleteOutline.vue'
162164
import FormatHeader1 from 'vue-material-design-icons/FormatHeader1.vue'
163-
import PencilIcon from 'vue-material-design-icons/Pencil.vue'
165+
import PencilOutlineIcon from 'vue-material-design-icons/PencilOutline.vue'
164166
import Shuffle from 'vue-material-design-icons/Shuffle.vue'
165167
import TextBoxPlusOutlineIcon from 'vue-material-design-icons/TextBoxPlusOutline.vue'
166168
import TextShort from 'vue-material-design-icons/TextShort.vue'
@@ -186,13 +188,13 @@ export default {
186188
name: 'Assistant',
187189
components: {
188190
FloatingMenu,
189-
ErrorIcon,
190-
CreationIcon,
191+
ErrorOutlineIcon,
192+
CreationOutlineIcon,
191193
ClockOutline,
192-
CheckCircleIcon,
193-
DeleteIcon,
194+
CheckCircleOutlineIcon,
195+
DeleteOutlineIcon,
194196
TextBoxPlusOutlineIcon,
195-
PencilIcon,
197+
PencilOutlineIcon,
196198
TextShort,
197199
FormatHeader1,
198200
Shuffle,
@@ -249,13 +251,13 @@ export default {
249251
}
250252
251253
if (this.tasks.filter((t) => t.status === STATUS_FAILED).length > 0) {
252-
return ErrorIcon
254+
return ErrorOutlineIcon
253255
}
254256
255257
if (
256258
this.tasks.filter((t) => t.status === STATUS_SUCCESSFUL).length > 0
257259
) {
258-
return CheckCircleIcon
260+
return CheckCircleOutlineIcon
259261
}
260262
261263
return null

‎src/components/Editor/DocumentStatus.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
@reconnect="$emit('reconnect')" />
1414
<NcNoteCard v-if="lock" type="info" :text="lockText">
1515
<template #icon>
16-
<Lock :size="20" />
16+
<LockOutlineIcon :size="20" />
1717
</template>
1818
</NcNoteCard>
1919
</div>
@@ -23,7 +23,7 @@
2323
<script>
2424
import { t } from '@nextcloud/l10n'
2525
import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
26-
import Lock from 'vue-material-design-icons/Lock.vue'
26+
import LockOutlineIcon from 'vue-material-design-icons/LockOutline.vue'
2727
import isMobile from '../../mixins/isMobile.js'
2828
import SyncStatus from './DocumentStatus/SyncStatus.vue'
2929
@@ -33,7 +33,7 @@ export default {
3333
components: {
3434
SyncStatus,
3535
NcNoteCard,
36-
Lock,
36+
LockOutlineIcon,
3737
},
3838
3939
mixins: [isMobile],

‎src/components/Editor/PreviewOptions.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
</NcActionButton>
3939
<NcActionButton close-after-click @click="deleteNode">
4040
<template #icon>
41-
<DeleteIcon :size="20" />
41+
<DeleteOutlineIcon :size="20" />
4242
</template>
4343
{{ t('text', 'Remove link') }}
4444
</NcActionButton>
@@ -53,7 +53,7 @@ import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
5353
import NcActionRadio from '@nextcloud/vue/components/NcActionRadio'
5454
import NcActions from '@nextcloud/vue/components/NcActions'
5555
import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
56-
import DeleteIcon from 'vue-material-design-icons/Delete.vue'
56+
import DeleteOutlineIcon from 'vue-material-design-icons/DeleteOutline.vue'
5757
import DotsVerticalIcon from 'vue-material-design-icons/DotsVertical.vue'
5858
import OpenIcon from 'vue-material-design-icons/OpenInNew.vue'
5959
@@ -67,7 +67,7 @@ export default {
6767
NcActionCaption,
6868
NcActionRadio,
6969
NcActionSeparator,
70-
DeleteIcon,
70+
DeleteOutlineIcon,
7171
OpenIcon,
7272
},
7373

‎src/components/Editor/SessionList.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
class="avatar-list"
1515
v-bind="attrs">
1616
<template #icon>
17-
<AccountMultipleIcon :size="20" />
17+
<AccountMultipleOutlineIcon :size="20" />
1818
<AvatarWrapper
1919
v-for="session in sessionsVisible"
2020
:key="session.id"
@@ -68,7 +68,7 @@ import { generateUrl } from '@nextcloud/router'
6868
import NcButton from '@nextcloud/vue/components/NcButton'
6969
import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
7070
import NcPopover from '@nextcloud/vue/components/NcPopover'
71-
import AccountMultipleIcon from 'vue-material-design-icons/AccountMultiple.vue'
71+
import AccountMultipleOutlineIcon from 'vue-material-design-icons/AccountMultipleOutline.vue'
7272
import {
7373
COLLABORATOR_DISCONNECT_TIME,
7474
COLLABORATOR_IDLE_TIME,
@@ -78,7 +78,7 @@ import AvatarWrapper from './AvatarWrapper.vue'
7878
export default {
7979
name: 'SessionList',
8080
components: {
81-
AccountMultipleIcon,
81+
AccountMultipleOutlineIcon,
8282
AvatarWrapper,
8383
NcButton,
8484
NcPopover,

‎src/components/Link/LinkBubbleView.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
type="tertiary"
3333
@click="startEdit">
3434
<template #icon>
35-
<PencilIcon :size="20" />
35+
<PencilOutlineIcon :size="20" />
3636
</template>
3737
</NcButton>
3838
<NcButton
@@ -103,7 +103,7 @@ import CheckIcon from 'vue-material-design-icons/Check.vue'
103103
import CloseIcon from 'vue-material-design-icons/Close.vue'
104104
import ContentCopyIcon from 'vue-material-design-icons/ContentCopy.vue'
105105
import LinkOffIcon from 'vue-material-design-icons/LinkOff.vue'
106-
import PencilIcon from 'vue-material-design-icons/Pencil.vue'
106+
import PencilOutlineIcon from 'vue-material-design-icons/PencilOutline.vue'
107107
108108
import CopyToClipboardMixin from '../../mixins/CopyToClipboardMixin.js'
109109
@@ -121,7 +121,7 @@ export default {
121121
NcReferenceList,
122122
NcTextField,
123123
LinkOffIcon,
124-
PencilIcon,
124+
PencilOutlineIcon,
125125
},
126126
127127
mixins: [CopyToClipboardMixin],

‎src/components/ViewerComponent.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
<NcButton v-if="isEmbedded" class="toggle-interactive" @click="toggleEdit">
2929
{{ t('text', 'Edit') }}
3030
<template #icon>
31-
<PencilIcon />
31+
<PencilOutlineIcon />
3232
</template>
3333
</NcButton>
3434
</div>
@@ -41,7 +41,7 @@ import { t } from '@nextcloud/l10n'
4141
import { getSharingToken } from '@nextcloud/sharing/public'
4242
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
4343
import Vue from 'vue'
44-
import PencilIcon from 'vue-material-design-icons/Pencil.vue'
44+
import PencilOutlineIcon from 'vue-material-design-icons/PencilOutline.vue'
4545
import MarkdownContentEditor from './Editor/MarkdownContentEditor.vue'
4646
import PlainTextReader from './PlainTextReader.vue'
4747
@@ -51,7 +51,7 @@ export default {
5151
name: 'ViewerComponent',
5252
components: {
5353
NcButton: Vue.extend(NcButton),
54-
PencilIcon: Vue.extend(PencilIcon),
54+
PencilOutlineIcon: Vue.extend(PencilOutlineIcon),
5555
PlainTextReader: Vue.extend(PlainTextReader),
5656
MarkdownContentEditor: Vue.extend(MarkdownContentEditor),
5757
Editor: getEditorInstance,

‎src/nodes/CodeBlock/CodeBlockView.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
close-after-click
5353
@click="viewMode = 'preview'">
5454
<template #icon>
55-
<Eye :size="20" />
55+
<EyeOutlineIcon :size="20" />
5656
</template>
5757
{{ t('text', 'Diagram') }}
5858
</NcActionButton>
@@ -112,7 +112,7 @@ import { v4 as uuidv4 } from 'uuid'
112112
import Check from 'vue-material-design-icons/Check.vue'
113113
import CodeBraces from 'vue-material-design-icons/CodeBraces.vue'
114114
import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
115-
import Eye from 'vue-material-design-icons/Eye.vue'
115+
import EyeOutlineIcon from 'vue-material-design-icons/EyeOutline.vue'
116116
import Help from 'vue-material-design-icons/Help.vue'
117117
import MarkerIcon from 'vue-material-design-icons/Marker.vue'
118118
import ViewSplitVertical from 'vue-material-design-icons/ViewSplitVertical.vue'
@@ -126,7 +126,7 @@ export default {
126126
ContentCopy,
127127
Help,
128128
Check,
129-
Eye,
129+
EyeOutlineIcon,
130130
ViewSplitVertical,
131131
CodeBraces,
132132
NcActions,

0 commit comments

Comments
 (0)