nextcloud
/
bookmarks
mirror of https://github.com/nextcloud/bookmarks
0
0
Fork 0
Code Issues Releases Wiki Activity

UI: Update MoveFolderIcons

This commit is contained in:
Marcel Klehr 2020-09-09 15:46:21 +02:00
parent 3b03fdc865
commit 2cda5764c4
4 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
appinfo/info.xml
View File

@ -17,7 +17,7 @@ Requirements:
- mbstring: *
- Nextcloud v17+
]]></description>
<version>3.4.0-beta.1</version>
<version>3.3.4</version>
<licence>agpl</licence>
<author mail="blizzz@arthur-schiwon.de" homepage="https://www.arthur-schiwon.de">Arthur Schiwon</author>
<author mail="mklehr@gmx.net">Marcel Klehr</author>

4
src/components/Bookmark.vue
View File

@ -39,8 +39,10 @@
{{ t('bookmarks', 'Rename') }}
</ActionButton>
<ActionButton :close-after-click="true" @click="onMove">
<template #icon>
<FolderMoveIcon :fill-color="colorMainText" class="action-button-mdi-icon" />
</template>
{{ t('bookmarks', 'Move') }}
<FolderMoveIcon #icon :fill-color="colorMainText" />
</ActionButton>
<ActionButton icon="icon-delete" :close-after-click="true" @click="onDelete">
{{ t('bookmarks', 'Delete') }}

9
src/components/Controls.vue
View File

@ -69,7 +69,10 @@
</Actions>
<div v-if="hasSelection" class="breadcrumbs__bulkediting">
<Actions :primary="true" :menu-title="selectionDescription">
<ActionButton icon="icon-category-files" @click="onBulkMove">
<ActionButton @click="onBulkMove">
<template #icon>
<FolderMoveIcon :fill-color="colorMainText" class="action-button-mdi-icon" />
</template>
{{ t('bookmarks', 'Move selection') }}
</ActionButton>
<ActionButton icon="icon-delete" @click="onBulkDelete">
@ -95,12 +98,14 @@ import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
import Actions from '@nextcloud/vue/dist/Components/Actions'
import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
import ActionSeparator from '@nextcloud/vue/dist/Components/ActionSeparator'
import FolderMoveIcon from 'vue-material-design-icons/FolderMove'
import RssIcon from 'vue-material-design-icons/Rss'
import { actions, mutations } from '../store/'
import { generateUrl } from '@nextcloud/router'
export default {
name: 'Controls',
components: { Multiselect, Actions, ActionButton, ActionSeparator },
components: { Multiselect, Actions, ActionButton, ActionSeparator, FolderMoveIcon, RssIcon },
props: {},
data() {
return {

13
src/components/Folder.vue
View File

@ -39,7 +39,10 @@
<ActionButton icon="icon-rename" :close-after-click="true" @click="onRename">
{{ t('bookmarks', 'Rename') }}
</ActionButton>
<ActionButton icon="icon-category-files" :close-after-click="true" @click="onMove">
<ActionButton :close-after-click="true" @click="onMove">
<template #icon>
<FolderMoveIcon :fill-color="colorMainText" class="action-button-mdi-icon" />
</template>
{{ t('bookmarks', 'Move') }}
</ActionButton>
<ActionButton icon="icon-delete" :close-after-click="true" @click="onDelete">
@ -50,6 +53,7 @@
</template>
<script>
import { getCurrentUser } from '@nextcloud/auth'
import FolderMoveIcon from 'vue-material-design-icons/FolderMove'
import FolderIcon from 'vue-material-design-icons/Folder'
import ShareVariantIcon from 'vue-material-design-icons/ShareVariant'
import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
@ -64,6 +68,7 @@ export default {
ActionButton,
ActionCheckbox,
FolderIcon,
FolderMoveIcon,
ShareVariantIcon,
},
props: {
@ -227,4 +232,10 @@ export default {
margin-right: 3px;
background-color: var(--color-primary-light);
}
.action-button-mdi-icon {
margin: 10px;
margin-top: 6px;
height: 21px;
}
</style>