From 01bdb60755e6c6c91c9c68fd4eec7d52f44225ee Mon Sep 17 00:00:00 2001 From: Andy Scherzinger Date: Fri, 5 Sep 2025 18:19:05 +0200 Subject: [PATCH 1/2] style(/icons): Migrate icons to outline variant Signed-off-by: Andy Scherzinger --- src/components/AppNavigation/CalendarSharee.vue | 4 ++-- .../AppNavigation/ListItemCalendar.vue | 10 +++++----- src/components/AppNavigation/Trashbin.vue | 4 ++-- .../AppSidebar/Alarm/AlarmListItem.vue | 4 ++-- src/components/AppSidebar/TagsItem.vue | 2 +- src/components/DeleteCompletedModal.vue | 2 +- src/components/FilterDropdown.vue | 6 +++--- src/components/LoadCompletedButton.vue | 2 +- src/components/SortorderDropdown.vue | 6 +++--- src/components/TaskBody.vue | 10 +++++----- src/main.js | 6 +++--- src/mixins/editableItem.js | 2 +- src/views/AppSidebar.vue | 16 ++++++++-------- 13 files changed, 37 insertions(+), 37 deletions(-) diff --git a/src/components/AppNavigation/CalendarSharee.vue b/src/components/AppNavigation/CalendarSharee.vue index 4786a8c9a..866eec200 100644 --- a/src/components/AppNavigation/CalendarSharee.vue +++ b/src/components/AppNavigation/CalendarSharee.vue @@ -65,8 +65,8 @@ import NcAppNavigationItem from '@nextcloud/vue/components/NcAppNavigationItem' import NcAvatar from '@nextcloud/vue/components/NcAvatar' import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch' -import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue' -import Delete from 'vue-material-design-icons/Delete.vue' +import AccountMultiple from 'vue-material-design-icons/AccountMultipleOutline.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' export default { name: 'CalendarSharee', diff --git a/src/components/AppNavigation/ListItemCalendar.vue b/src/components/AppNavigation/ListItemCalendar.vue index 364ab1607..93f392285 100644 --- a/src/components/AppNavigation/ListItemCalendar.vue +++ b/src/components/AppNavigation/ListItemCalendar.vue @@ -139,11 +139,11 @@ import NcActionLink from '@nextcloud/vue/components/NcActionLink' import NcTextField from '@nextcloud/vue/components/NcTextField' import Close from 'vue-material-design-icons/Close.vue' -import Delete from 'vue-material-design-icons/Delete.vue' -import Download from 'vue-material-design-icons/Download.vue' -import LinkVariant from 'vue-material-design-icons/LinkVariant.vue' -import Pencil from 'vue-material-design-icons/Pencil.vue' -import ShareVariant from 'vue-material-design-icons/ShareVariant.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' +import Download from 'vue-material-design-icons/TrayArrowDown.vue' +import LinkVariant from 'vue-material-design-icons/Link.vue' +import Pencil from 'vue-material-design-icons/PencilOutline.vue' +import ShareVariant from 'vue-material-design-icons/ShareVariantOutline.vue' import Undo from 'vue-material-design-icons/Undo.vue' import { vOnClickOutside as ClickOutside } from '@vueuse/components' diff --git a/src/components/AppNavigation/Trashbin.vue b/src/components/AppNavigation/Trashbin.vue index 6c7efb29b..6513ed50c 100644 --- a/src/components/AppNavigation/Trashbin.vue +++ b/src/components/AppNavigation/Trashbin.vue @@ -139,8 +139,8 @@ import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent' import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon' import NcModal from '@nextcloud/vue/components/NcModal' -import Delete from 'vue-material-design-icons/Delete.vue' -import DeleteForever from 'vue-material-design-icons/DeleteForever.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' +import DeleteForever from 'vue-material-design-icons/DeleteForeverOutline.vue' import MenuDown from 'vue-material-design-icons/MenuDown.vue' import MenuUp from 'vue-material-design-icons/MenuUp.vue' import Undo from 'vue-material-design-icons/Undo.vue' diff --git a/src/components/AppSidebar/Alarm/AlarmListItem.vue b/src/components/AppSidebar/Alarm/AlarmListItem.vue index 015204316..2232482a7 100644 --- a/src/components/AppSidebar/Alarm/AlarmListItem.vue +++ b/src/components/AppSidebar/Alarm/AlarmListItem.vue @@ -83,8 +83,8 @@ import { NcActionRadio, NcActionSeparator, } from '@nextcloud/vue' -import Delete from 'vue-material-design-icons/Delete.vue' -import Pencil from 'vue-material-design-icons/Pencil.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' +import Pencil from 'vue-material-design-icons/PencilOutline.vue' import { getCanonicalLocale, translate as t } from '@nextcloud/l10n' import { vOnClickOutside as ClickOutside } from '@vueuse/components' diff --git a/src/components/AppSidebar/TagsItem.vue b/src/components/AppSidebar/TagsItem.vue index 7a63a3927..1a1471eb6 100644 --- a/src/components/AppSidebar/TagsItem.vue +++ b/src/components/AppSidebar/TagsItem.vue @@ -51,7 +51,7 @@ import MultiselectOption from './MultiselectOption.vue' import { translate as t } from '@nextcloud/l10n' import NcSelect from '@nextcloud/vue/components/NcSelect' -import TagMultiple from 'vue-material-design-icons/TagMultiple.vue' +import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue' export default { components: { diff --git a/src/components/DeleteCompletedModal.vue b/src/components/DeleteCompletedModal.vue index e7c6eeaee..653b10e4f 100644 --- a/src/components/DeleteCompletedModal.vue +++ b/src/components/DeleteCompletedModal.vue @@ -76,7 +76,7 @@ import NcButton from '@nextcloud/vue/components/NcButton' import NcModal from '@nextcloud/vue/components/NcModal' import NcProgressBar from '@nextcloud/vue/components/NcProgressBar' -import Delete from 'vue-material-design-icons/Delete.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' import { mapGetters, mapActions } from 'vuex' diff --git a/src/components/FilterDropdown.vue b/src/components/FilterDropdown.vue index 788bc46af..b46cdec88 100644 --- a/src/components/FilterDropdown.vue +++ b/src/components/FilterDropdown.vue @@ -61,9 +61,9 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton' import NcActionInput from '@nextcloud/vue/components/NcActionInput' import Close from 'vue-material-design-icons/Close.vue' -import FilterIcon from 'vue-material-design-icons/Filter.vue' -import FilterOffIcon from 'vue-material-design-icons/FilterOff.vue' -import TagMultiple from 'vue-material-design-icons/TagMultiple.vue' +import FilterIcon from 'vue-material-design-icons/FilterOutline.vue' +import FilterOffIcon from 'vue-material-design-icons/FilterOffOutline.vue' +import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue' import { mapGetters, mapMutations } from 'vuex' diff --git a/src/components/LoadCompletedButton.vue b/src/components/LoadCompletedButton.vue index df2f93309..38cd046e4 100644 --- a/src/components/LoadCompletedButton.vue +++ b/src/components/LoadCompletedButton.vue @@ -37,7 +37,7 @@ License along with this library. If not, see . import { translate as t } from '@nextcloud/l10n' import NcButton from '@nextcloud/vue/components/NcButton' -import CloudDownload from 'vue-material-design-icons/CloudDownload.vue' +import CloudDownload from 'vue-material-design-icons/CloudDownloadOutline.vue' import { mapActions } from 'vuex' diff --git a/src/components/SortorderDropdown.vue b/src/components/SortorderDropdown.vue index a2346a5a5..131ba5d9e 100644 --- a/src/components/SortorderDropdown.vue +++ b/src/components/SortorderDropdown.vue @@ -60,17 +60,17 @@ import NcActions from '@nextcloud/vue/components/NcActions' import NcActionButton from '@nextcloud/vue/components/NcActionButton' import AnimationOutline from 'vue-material-design-icons/AnimationOutline.vue' -import Bookmark from 'vue-material-design-icons/Bookmark.vue' +import Bookmark from 'vue-material-design-icons/BookmarkOutline.vue' import CalendarStart from 'vue-material-design-icons/CalendarStart.vue' import CalendarEnd from 'vue-material-design-icons/CalendarEnd.vue' import Check from 'vue-material-design-icons/Check.vue' import MenuDown from 'vue-material-design-icons/MenuDown.vue' import MenuUp from 'vue-material-design-icons/MenuUp.vue' import OrderAlphabeticalAscending from 'vue-material-design-icons/OrderAlphabeticalAscending.vue' -import Pencil from 'vue-material-design-icons/Pencil.vue' +import Pencil from 'vue-material-design-icons/PencilOutline.vue' import Plus from 'vue-material-design-icons/Plus.vue' import Star from 'vue-material-design-icons/Star.vue' -import TagMultiple from 'vue-material-design-icons/TagMultiple.vue' +import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue' import { mapGetters } from 'vuex' diff --git a/src/components/TaskBody.vue b/src/components/TaskBody.vue index cd2fee558..9da15c13c 100644 --- a/src/components/TaskBody.vue +++ b/src/components/TaskBody.vue @@ -204,15 +204,15 @@ import NcProgressBar from '@nextcloud/vue/components/NcProgressBar' import NcTextField from '@nextcloud/vue/components/NcTextField' import Linkify from '@nextcloud/vue/directives/Linkify' -import Bell from 'vue-material-design-icons/Bell.vue' -import Delete from 'vue-material-design-icons/Delete.vue' -import Eye from 'vue-material-design-icons/Eye.vue' -import Pin from 'vue-material-design-icons/Pin.vue' +import Bell from 'vue-material-design-icons/BellOutline.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' +import Eye from 'vue-material-design-icons/EyeOutline.vue' +import Pin from 'vue-material-design-icons/PinOutline.vue' import Plus from 'vue-material-design-icons/Plus.vue' import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue' import SortVariant from 'vue-material-design-icons/SortVariant.vue' import CalendarClock from 'vue-material-design-icons/CalendarClock.vue' -import Star from 'vue-material-design-icons/Star.vue' +import Star from 'vue-material-design-icons/StarOutline.vue' import Undo from 'vue-material-design-icons/Undo.vue' import { vOnClickOutside as ClickOutside } from '@vueuse/components' diff --git a/src/main.js b/src/main.js index 3e8d4883d..a6c9b0cce 100644 --- a/src/main.js +++ b/src/main.js @@ -30,9 +30,9 @@ import AlertBoxOutline from 'vue-material-design-icons/AlertBoxOutline.vue' import CalendarRemove from 'vue-material-design-icons/CalendarRemove.vue' import Cancel from 'vue-material-design-icons/Cancel.vue' import Check from 'vue-material-design-icons/Check.vue' -import Delete from 'vue-material-design-icons/Delete.vue' -import Eye from 'vue-material-design-icons/Eye.vue' -import EyeOff from 'vue-material-design-icons/EyeOff.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' +import Eye from 'vue-material-design-icons/EyeOutline.vue' +import EyeOff from 'vue-material-design-icons/EyeOffOutline.vue' import Pulse from 'vue-material-design-icons/Pulse.vue' import TrendingUp from 'vue-material-design-icons/TrendingUp.vue' diff --git a/src/mixins/editableItem.js b/src/mixins/editableItem.js index 86dbdc51c..8093734ad 100644 --- a/src/mixins/editableItem.js +++ b/src/mixins/editableItem.js @@ -25,7 +25,7 @@ import NcActions from '@nextcloud/vue/components/NcActions' import NcActionButton from '@nextcloud/vue/components/NcActionButton' import Check from 'vue-material-design-icons/Check.vue' -import Delete from 'vue-material-design-icons/Delete.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' import { vOnClickOutside as ClickOutside } from '@vueuse/components' diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue index f5cac5641..5e2e43019 100644 --- a/src/views/AppSidebar.vue +++ b/src/views/AppSidebar.vue @@ -297,21 +297,21 @@ import NcAppSidebarTab from '@nextcloud/vue/components/NcAppSidebarTab' import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon' import { generateUrl } from '@nextcloud/router' -import Bell from 'vue-material-design-icons/Bell.vue' +import Bell from 'vue-material-design-icons/BellOutline.vue' import Calendar from 'vue-material-design-icons/Calendar.vue' import CalendarCheck from 'vue-material-design-icons/CalendarCheck.vue' import CalendarEnd from 'vue-material-design-icons/CalendarEnd.vue' import CalendarStart from 'vue-material-design-icons/CalendarStart.vue' -import Delete from 'vue-material-design-icons/Delete.vue' -import Download from 'vue-material-design-icons/Download.vue' +import Delete from 'vue-material-design-icons/TrashCanOutline.vue' +import Download from 'vue-material-design-icons/TrayArrowDown.vue' import InformationOutline from 'vue-material-design-icons/InformationOutline.vue' import Magnify from 'vue-material-design-icons/Magnify.vue' -import MapMarker from 'vue-material-design-icons/MapMarker.vue' -import Pencil from 'vue-material-design-icons/Pencil.vue' +import MapMarker from 'vue-material-design-icons/MapMarkerOutline.vue' +import Pencil from 'vue-material-design-icons/PencilOutline.vue' import Percent from 'vue-material-design-icons/Percent.vue' -import Pin from 'vue-material-design-icons/Pin.vue' -import PinOff from 'vue-material-design-icons/PinOff.vue' -import Star from 'vue-material-design-icons/Star.vue' +import Pin from 'vue-material-design-icons/PinOutline.vue' +import PinOff from 'vue-material-design-icons/PinOffOutline.vue' +import Star from 'vue-material-design-icons/StarOutline.vue' import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue' import Undo from 'vue-material-design-icons/Undo.vue' import Web from 'vue-material-design-icons/Web.vue' From d2d45e974d98860f65f92c6d7a5998dd5da13914 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?= Date: Fri, 5 Sep 2025 21:49:11 +0200 Subject: [PATCH 2/2] feat: use star outline everywhere MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Raimund Schlüßler --- src/components/AppNavigation/AppNavigationSettings.vue | 2 +- src/components/SortorderDropdown.vue | 2 +- src/views/AppNavigation.vue | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/AppNavigation/AppNavigationSettings.vue b/src/components/AppNavigation/AppNavigationSettings.vue index fa4cc8b97..c3b30a1bf 100644 --- a/src/components/AppNavigation/AppNavigationSettings.vue +++ b/src/components/AppNavigation/AppNavigationSettings.vue @@ -71,7 +71,7 @@ import CalendarToday from 'vue-material-design-icons/CalendarToday.vue' import CalendarWeek from 'vue-material-design-icons/CalendarWeek.vue' import CircleOutline from 'vue-material-design-icons/CircleOutline.vue' import Check from 'vue-material-design-icons/Check.vue' -import Star from 'vue-material-design-icons/Star.vue' +import Star from 'vue-material-design-icons/StarOutline.vue' import TrendingUp from 'vue-material-design-icons/TrendingUp.vue' import { mapState, mapGetters, mapActions } from 'vuex' diff --git a/src/components/SortorderDropdown.vue b/src/components/SortorderDropdown.vue index 131ba5d9e..4266fdf2b 100644 --- a/src/components/SortorderDropdown.vue +++ b/src/components/SortorderDropdown.vue @@ -69,7 +69,7 @@ import MenuUp from 'vue-material-design-icons/MenuUp.vue' import OrderAlphabeticalAscending from 'vue-material-design-icons/OrderAlphabeticalAscending.vue' import Pencil from 'vue-material-design-icons/PencilOutline.vue' import Plus from 'vue-material-design-icons/Plus.vue' -import Star from 'vue-material-design-icons/Star.vue' +import Star from 'vue-material-design-icons/StarOutline.vue' import TagMultiple from 'vue-material-design-icons/TagMultipleOutline.vue' import { mapGetters } from 'vuex' diff --git a/src/views/AppNavigation.vue b/src/views/AppNavigation.vue index f8c3cd6c9..ed9aba205 100644 --- a/src/views/AppNavigation.vue +++ b/src/views/AppNavigation.vue @@ -107,7 +107,7 @@ import CalendarWeek from 'vue-material-design-icons/CalendarWeek.vue' import Check from 'vue-material-design-icons/Check.vue' import CircleOutline from 'vue-material-design-icons/CircleOutline.vue' import Plus from 'vue-material-design-icons/Plus.vue' -import Star from 'vue-material-design-icons/Star.vue' +import Star from 'vue-material-design-icons/StarOutline.vue' import TrendingUp from 'vue-material-design-icons/TrendingUp.vue' import { Sortable } from 'sortablejs-vue3'