Skip to content

Commit 327bfff

Browse files
luka-nextcloudluka-nextcloud
committed
feat: use outline icons
Signed-off-by: Luka Trovic <luka@nextcloud.com>
1 parent bbe1b37 commit 327bfff

15 files changed

Lines changed: 43 additions & 29 deletions

‎src/components/Controls.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -263,10 +263,10 @@ import { mapState, mapGetters } from 'vuex'
263263
import { subscribe, unsubscribe } from '@nextcloud/event-bus'
264264
import { NcActions, NcActionButton, NcAvatar, NcButton, NcPopover, NcModal } from '@nextcloud/vue'
265265
import labelStyle from '../mixins/labelStyle.js'
266-
import ArchiveIcon from 'vue-material-design-icons/Archive.vue'
267-
import ImageIcon from 'vue-material-design-icons/ImageMultiple.vue'
268-
import FilterIcon from 'vue-material-design-icons/Filter.vue'
269-
import FilterOffIcon from 'vue-material-design-icons/FilterOff.vue'
266+
import ArchiveIcon from 'vue-material-design-icons/ArchiveOutline.vue'
267+
import ImageIcon from 'vue-material-design-icons/ImageMultipleOutline.vue'
268+
import FilterIcon from 'vue-material-design-icons/FilterOutline.vue'
269+
import FilterOffIcon from 'vue-material-design-icons/FilterOffOutline.vue'
270270
import TableColumnPlusAfter from 'vue-material-design-icons/TableColumnPlusAfter.vue'
271271
import ArrowCollapseVerticalIcon from 'vue-material-design-icons/ArrowCollapseVertical.vue'
272272
import ArrowExpandVerticalIcon from 'vue-material-design-icons/ArrowExpandVertical.vue'

‎src/components/board/BoardSidebar.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,9 +56,9 @@ import DeletedTabSidebar from './DeletedTabSidebar.vue'
5656
import TimelineTabSidebar from './TimelineTabSidebar.vue'
5757
import { NcAppSidebar, NcAppSidebarTab } from '@nextcloud/vue'
5858
import ActivityIcon from 'vue-material-design-icons/LightningBolt.vue'
59-
import SharingIcon from 'vue-material-design-icons/ShareVariant.vue'
60-
import TagsIcon from 'vue-material-design-icons/TagMultiple.vue'
61-
import TrashIcon from 'vue-material-design-icons/Delete.vue'
59+
import SharingIcon from 'vue-material-design-icons/ShareVariantOutline.vue'
60+
import TagsIcon from 'vue-material-design-icons/TagMultipleOutline.vue'
61+
import TrashIcon from 'vue-material-design-icons/DeleteOutline.vue'
6262
const capabilities = window.OC.getCapabilities()
6363
6464
export default {

‎src/components/board/Stack.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@
137137
import ClickOutside from 'vue-click-outside'
138138
import { mapGetters, mapState } from 'vuex'
139139
import { Container, Draggable } from 'vue-smooth-dnd'
140-
import ArchiveIcon from 'vue-material-design-icons/Archive.vue'
140+
import ArchiveIcon from 'vue-material-design-icons/ArchiveOutline.vue'
141141
import CardPlusOutline from 'vue-material-design-icons/CardPlusOutline.vue'
142142
import { NcActions, NcActionButton, NcModal } from '@nextcloud/vue'
143143
import { showError, showUndo } from '@nextcloud/dialogs'

‎src/components/card/AssignmentSelector.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<script>
4545
import { defineComponent } from 'vue'
4646
import { NcAvatar, NcSelect } from '@nextcloud/vue'
47-
import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
47+
import AccountMultiple from 'vue-material-design-icons/AccountMultipleOutline.vue'
4848
4949
export default defineComponent({
5050
name: 'AssignmentSelector',

‎src/components/card/CardSidebar.vue‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
:subtitle="subtitleTooltip"
1313
:name-editable.sync="isEditingTitle"
1414
@update:name="(value) => titleEditing = value"
15+
@update:active="(value) => activeTabId = value"
1516
@dismiss-editing="titleEditing = currentCard.title"
1617
@submit-name="handleSubmitTitle"
1718
@opened="focusHeader"
@@ -37,7 +38,8 @@
3738
:name="t('deck', 'Details')">
3839
<CardSidebarTabDetails :card="currentCard" />
3940
<template #icon>
40-
<HomeIcon :size="20" />
41+
<HomeIcon v-if="activeTabId === 'details'" :size="20" />
42+
<HomeOutlineIcon v-else :size="20" />
4143
</template>
4244
</NcAppSidebarTab>
4345

@@ -54,7 +56,8 @@
5456
:order="2"
5557
:name="t('deck', 'Comments')">
5658
<template #icon>
57-
<CommentIcon :size="20" />
59+
<CommentIcon v-if="activeTabId === 'comments'" :size="20" />
60+
<CommentOutlineIcon v-else :size="20" />
5861
</template>
5962
<CardSidebarTabComments :card="currentCard" :tab-query="tabQuery" />
6063
</NcAppSidebarTab>
@@ -84,7 +87,9 @@ import relativeDate from '../../mixins/relativeDate.js'
8487
import moment from '@nextcloud/moment'
8588
import AttachmentIcon from 'vue-material-design-icons/Paperclip.vue'
8689
import HomeIcon from 'vue-material-design-icons/Home.vue'
90+
import HomeOutlineIcon from 'vue-material-design-icons/HomeOutline.vue'
8791
import CommentIcon from 'vue-material-design-icons/Comment.vue'
92+
import CommentOutlineIcon from 'vue-material-design-icons/CommentOutline.vue'
8893
import ActivityIcon from 'vue-material-design-icons/LightningBolt.vue'
8994
9095
import { showError, showWarning } from '@nextcloud/dialogs'
@@ -107,7 +112,9 @@ export default {
107112
ActivityIcon,
108113
AttachmentIcon,
109114
CommentIcon,
115+
CommentOutlineIcon,
110116
HomeIcon,
117+
HomeOutlineIcon,
111118
CardMenuEntries,
112119
},
113120
mixins: [relativeDate],
@@ -133,6 +140,7 @@ export default {
133140
titleEditing: '',
134141
hasActivity: capabilities && capabilities.activity,
135142
locale: getLocale(),
143+
activeTabId: this.tabId || 'details',
136144
}
137145
},
138146
computed: {

‎src/components/card/CommentItem.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ import CommentForm from './CommentForm.vue'
8282
import { getCurrentUser } from '@nextcloud/auth'
8383
import md5 from 'blueimp-md5'
8484
import relativeDate from '../../mixins/relativeDate.js'
85-
import ReplyIcon from 'vue-material-design-icons/Reply.vue'
85+
import ReplyIcon from 'vue-material-design-icons/ReplyOutline.vue'
8686
import moment from 'moment'
8787
8888
const AtMention = {

‎src/components/card/DueDateSelector.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -99,10 +99,10 @@ import {
9999
import readableDate from '../../mixins/readableDate.js'
100100
import { getDayNamesMin, getFirstDay, getMonthNamesShort } from '@nextcloud/l10n'
101101
import moment from '@nextcloud/moment'
102-
import ArchiveIcon from 'vue-material-design-icons/Archive.vue'
102+
import ArchiveIcon from 'vue-material-design-icons/ArchiveOutline.vue'
103103
import Plus from 'vue-material-design-icons/Plus.vue'
104-
import Calendar from 'vue-material-design-icons/Calendar.vue'
105-
import CalendarCheck from 'vue-material-design-icons/CalendarCheck.vue'
104+
import Calendar from 'vue-material-design-icons/CalendarOutline.vue'
105+
import CalendarCheck from 'vue-material-design-icons/CalendarCheckOutline.vue'
106106
import CheckIcon from 'vue-material-design-icons/Check.vue'
107107
import ClearIcon from 'vue-material-design-icons/Close.vue'
108108
import CardDetailEntry from './CardDetailEntry.vue'

‎src/components/card/TagSelector.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<script>
4545
import { NcSelect } from '@nextcloud/vue'
4646
import Color from '../../mixins/color.js'
47-
import TagMultiple from 'vue-material-design-icons/TagMultiple.vue'
47+
import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue'
4848
4949
export default {
5050
name: 'TagSelector',

‎src/components/cards/AvatarList.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@
7070
<script>
7171
import { NcAvatar, NcPopover } from '@nextcloud/vue'
7272
import { generateUrl } from '@nextcloud/router'
73-
import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
73+
import AccountMultiple from 'vue-material-design-icons/AccountMultipleOutline.vue'
7474
7575
export default {
7676
name: 'AvatarList',

‎src/components/cards/CardBadges.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,8 +49,8 @@ import CardId from './badges/CardId.vue'
4949
import TextIcon from 'vue-material-design-icons/Text.vue'
5050
import AttachmentIcon from 'vue-material-design-icons/Paperclip.vue'
5151
import CheckmarkIcon from 'vue-material-design-icons/CheckboxMarked.vue'
52-
import CommentIcon from 'vue-material-design-icons/Comment.vue'
53-
import CommentUnreadIcon from 'vue-material-design-icons/CommentAccount.vue'
52+
import CommentIcon from 'vue-material-design-icons/CommentOutline.vue'
53+
import CommentUnreadIcon from 'vue-material-design-icons/CommentAccountOutline.vue'
5454
import DueDate from './badges/DueDate.vue'
5555
5656
export default {

0 commit comments

Comments
 (0)
⚡