github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

convert system icons to outlines

Browse Source
This commit is contained in:
Ben Haynes
2020-08-28 15:52:44 -04:00
parent 9b82eaf99b
commit 8407694cdd
33 changed files with 57 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/modules/collections/routes/browse/browse.vue
View File

@@ -49,7 +49,7 @@
<v-dialog v-model="confirmDelete" v-if="selection.length > 0">
<template #activator="{ on }">
<v-button rounded icon class="action-delete" @click="on" v-tooltip.bottom="$t('delete')">
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>
@@ -75,7 +75,7 @@
:to="batchLink"
v-tooltip.bottom="$t('edit')"
>
<v-icon name="edit" />
<v-icon name="edit" outline />
</v-button>
<v-button rounded icon :to="addNewLink" v-tooltip.bottom="$t('create_item')">

4
app/src/modules/collections/routes/detail/detail.vue
View File

@@ -55,7 +55,7 @@
@click="on"
v-if="collectionInfo.meta.singleton === false"
>
<v-icon name="delete_forever" />
<v-icon name="delete_forever" outline />
</v-button>
</template>
@@ -84,7 +84,7 @@
@click="on"
v-if="collectionInfo.meta.singleton === false"
>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

2
app/src/modules/files/components/add-folder/add-folder.vue
View File

@@ -2,7 +2,7 @@
<v-dialog v-model="dialogActive">
<template #activator="{ on }">
<v-button rounded icon class="add-new" @click="on" v-tooltip.bottom="$t('create_folder')">
<v-icon name="create_new_folder" />
<v-icon name="create_new_folder" outline />
</v-button>
</template>

2
app/src/modules/files/components/folder-picker/folder-picker.vue
View File

@@ -12,7 +12,7 @@
>
<template #activator>
<v-list-item-icon>
<v-icon name="folder_special" />
<v-icon name="folder_special" outline />
</v-list-item-icon>
<v-list-item-content>{{ $t('file_library') }}</v-list-item-content>
</template>

4
app/src/modules/files/components/navigation/navigation-folder.vue
View File

@@ -41,7 +41,7 @@
<v-list dense>
<v-list-item @click="renameActive = true">
<v-list-item-icon>
<v-icon name="edit" />
<v-icon name="edit" outline />
</v-list-item-icon>
<v-list-item-content>
{{ $t('rename_folder') }}
@@ -57,7 +57,7 @@
</v-list-item>
<v-list-item @click="deleteActive = true">
<v-list-item-icon>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-list-item-icon>
<v-list-item-content>
{{ $t('delete_folder') }}

2
app/src/modules/files/components/navigation/navigation.vue
View File

@@ -11,7 +11,7 @@
<v-list-group to="/files" value="root" scope="files-navigation" exact disable-groupable-parent>
<template #activator>
<v-list-item-icon>
<v-icon name="folder_special" />
<v-icon name="folder_special" outline />
</v-list-item-icon>
<v-list-item-content>{{ $t('file_library') }}</v-list-item-content>
</template>

6
app/src/modules/files/routes/browse/browse.vue
View File

@@ -6,7 +6,7 @@
<template #title-outer:prepend>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon name="folder" />
<v-icon name="folder" outline />
</v-button>
</template>
@@ -47,7 +47,7 @@
<v-dialog v-model="confirmDelete" v-if="selection.length > 0">
<template #activator="{ on }">
<v-button rounded icon class="action-delete" @click="on" v-tooltip.bottom="$t('delete')">
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>
@@ -73,7 +73,7 @@
:to="batchLink"
v-tooltip.bottom="$t('edit')"
>
<v-icon name="edit" />
<v-icon name="edit" outline />
</v-button>
<v-button

2
app/src/modules/files/routes/detail/detail.vue
View File

@@ -22,7 +22,7 @@
@click="on"
v-tooltip.bottom="$t('delete')"
>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

13
app/src/modules/settings/components/navigation/navigation.vue
View File

@@ -1,7 +1,7 @@
<template>
<v-list nav>
<v-list-item v-for="item in navItems" :to="item.to" :key="item.to">
<v-list-item-icon><v-icon :name="item.icon" /></v-list-item-icon>
<v-list-item-icon><v-icon :name="item.icon" :outline="item.outline" /></v-list-item-icon>
<v-list-item-content>
<v-list-item-title>{{ item.name }}</v-list-item-title>
</v-list-item-content>
@@ -10,7 +10,7 @@
<v-divider />
<v-list-item v-for="item in externalItems" :href="item.href" :key="item.href">
<v-list-item-icon><v-icon :name="item.icon" /></v-list-item-icon>
<v-list-item-icon><v-icon :name="item.icon" :outline="item.outline" /></v-list-item-icon>
<v-list-item-content>
<v-list-item-title>{{ item.name }}</v-list-item-title>
</v-list-item-content>
@@ -45,17 +45,18 @@ export default defineComponent({
to: `/settings/data-model`,
},
{
icon: 'people',
icon: 'admin_panel_settings',
name: i18n.t('settings_permissions'),
to: `/settings/roles`,
outline: true,
},
{
icon: 'bookmark',
icon: 'bookmark_border',
name: i18n.t('settings_presets'),
to: `/settings/presets`,
},
{
icon: 'send',
icon: 'anchor',
name: i18n.t('settings_webhooks'),
to: `/settings/webhooks`,
},
@@ -66,11 +67,13 @@ export default defineComponent({
icon: 'bug_report',
name: i18n.t('report_bug'),
href: 'https://github.com/directus/directus/issues/new/choose',
outline: true,
},
{
icon: 'new_releases',
name: i18n.t('request_feature'),
href: 'https://github.com/directus/directus/discussions/new',
outline: true,
},
];

2
app/src/modules/settings/routes/data-model/collections/components/collection-options/collection-options.vue
View File

@@ -28,7 +28,7 @@
<v-list-item @click="deleteActive = true">
<v-list-item-icon>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-list-item-icon>
<v-list-item-content>
{{ $t('delete_collection') }}

4
app/src/modules/settings/routes/data-model/fields/components/field-select/field-select.vue
View File

@@ -22,7 +22,7 @@
<v-list dense>
<v-list-item :to="`/settings/data-model/${field.collection}/${field.field}`">
<v-list-item-icon><v-icon name="edit" /></v-list-item-icon>
<v-list-item-icon><v-icon name="edit" outline /></v-list-item-icon>
<v-list-item-content>
{{ $t('edit_field') }}
</v-list-item-content>
@@ -60,7 +60,7 @@
</v-list-item>
<v-list-item @click="deleteActive = true">
<v-list-item-icon><v-icon name="delete" /></v-list-item-icon>
<v-list-item-icon><v-icon name="delete" outline /></v-list-item-icon>
<v-list-item-content>
{{ $t('delete_field') }}
</v-list-item-content>

2
app/src/modules/settings/routes/data-model/fields/fields.vue
View File

@@ -18,7 +18,7 @@
@click="on"
v-tooltip.bottom="$t('delete_collection')"
>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

4
app/src/modules/settings/routes/presets/browse/browse.vue
View File

@@ -4,7 +4,7 @@
<template #title-outer:prepend>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon name="bookmark" />
<v-icon name="bookmark_border" />
</v-button>
</template>
@@ -12,7 +12,7 @@
<v-dialog v-model="confirmDelete" v-if="selection.length > 0">
<template #activator="{ on }">
<v-button rounded icon class="action-delete" @click="on" v-tooltip.bottom="$t('delete')">
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

2
app/src/modules/settings/routes/presets/detail/detail.vue
View File

@@ -22,7 +22,7 @@
@click="on"
v-tooltip.bottom="$t('delete')"
>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

2
app/src/modules/settings/routes/roles/browse/browse.vue
View File

@@ -4,7 +4,7 @@
<template #title-outer:prepend>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon name="people" />
<v-icon name="admin_panel_settings" outline />
</v-button>
</template>

4
app/src/modules/settings/routes/roles/detail/components/permissions-overview/permissions-overview-header.vue
View File

@@ -3,8 +3,8 @@
<span class="name">{{ $t('collection') }}</span>
<v-icon name="add" />
<v-icon name="visibility" />
<v-icon name="edit" />
<v-icon name="delete" />
<v-icon name="edit" outline />
<v-icon name="delete" outline />
</div>
</template>

2
app/src/modules/settings/routes/roles/detail/detail.vue
View File

@@ -25,7 +25,7 @@
@click="on"
v-tooltip.bottom="$t('delete')"
>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

6
app/src/modules/settings/routes/webhooks/browse/browse.vue
View File

@@ -4,7 +4,7 @@
<template #title-outer:prepend>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon name="send" />
<v-icon name="anchor" />
</v-button>
</template>
@@ -17,7 +17,7 @@
<v-dialog v-model="confirmDelete">
<template #activator="{ on }">
<v-button rounded icon class="action-delete" v-if="selection.length > 0" @click="on">
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>
@@ -36,7 +36,7 @@
</v-dialog>
<v-button rounded icon class="action-batch" v-if="selection.length > 1" :to="batchLink">
<v-icon name="edit" />
<v-icon name="edit" outline />
</v-button>
<v-button rounded icon :to="addNewLink">

2
app/src/modules/settings/routes/webhooks/detail/detail.vue
View File

@@ -12,7 +12,7 @@
<v-dialog v-model="confirmDelete">
<template #activator="{ on }">
<v-button rounded icon class="action-delete" :disabled="item === null" @click="on">
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>

4
app/src/modules/users/components/navigation/navigation.vue
View File

@@ -1,7 +1,7 @@
<template>
<v-list nav>
<v-list-item to="/users" exact :active="currentRole === null">
<v-list-item-icon><v-icon name="people" /></v-list-item-icon>
<v-list-item-icon><v-icon name="folder_shared" outline /></v-list-item-icon>
<v-list-item-content>{{ $t('all_users') }}</v-list-item-content>
</v-list-item>
@@ -20,7 +20,7 @@
exact
:active="currentRole === id"
>
<v-list-item-icon><v-icon :name="icon" /></v-list-item-icon>
<v-list-item-icon><v-icon :name="icon" outline /></v-list-item-icon>
<v-list-item-content>{{ name }}</v-list-item-content>
</v-list-item>
</v-list>

2
app/src/modules/users/index.ts
View File

@@ -6,7 +6,7 @@ import UsersDetail from './routes/detail/';
export default defineModule(({ i18n }) => ({
id: 'users',
name: i18n.tc('user_directory'),
icon: 'people',
icon: 'people_alt',
routes: [
{
name: 'users-browse-all',

8
app/src/modules/users/routes/browse/browse.vue
View File

@@ -6,7 +6,7 @@
<template #title-outer:prepend>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon name="people" />
<v-icon name="people_alt" outline />
</v-button>
</template>
@@ -20,7 +20,7 @@
<v-dialog v-model="confirmDelete" v-if="selection.length > 0">
<template #activator="{ on }">
<v-button rounded icon class="action-delete" @click="on">
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>
@@ -46,7 +46,7 @@
:to="batchLink"
v-tooltip.bottom="$t('edit')"
>
<v-icon name="edit" />
<v-icon name="edit" outline />
</v-button>
<v-button rounded icon :to="addNewLink" v-tooltip.bottom="$t('create_user')">
@@ -81,7 +81,7 @@
</template>
<template #no-items>
<v-info :title="$tc('user_count', 0)" icon="people" center>
<v-info :title="$tc('user_count', 0)" icon="people_alt" center>
{{ $t('no_users_copy') }}
<template #append>

4
app/src/modules/users/routes/detail/detail.vue
View File

@@ -21,7 +21,7 @@
@click="on"
v-tooltip.bottom="$t('delete')"
>
<v-icon name="delete" />
<v-icon name="delete" outline />
</v-button>
</template>
@@ -69,7 +69,7 @@
<div class="avatar">
<v-skeleton-loader v-if="loading || previewLoading" />
<img v-else-if="avatarSrc" :src="avatarSrc" :alt="item.first_name" />
<v-icon v-else name="person" x-large />
<v-icon v-else name="account_circle" outline x-large />
</div>
<div class="user-box-content">
<template v-if="loading">