github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-15 21:34:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

Only show bookmark scope on hover

Browse Source
This commit is contained in:
rijkvanzanten
2020-09-04 17:27:12 -04:00
parent 9981898acd
commit dbf7b3e28e
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/modules/collections/components/navigation.vue
View File

@@ -19,7 +19,7 @@
<template v-if="bookmarks.length > 0">
<v-divider />
<v-list-item exact v-for="bookmark in bookmarks" :key="bookmark.id" :to="bookmark.to">
<v-list-item exact v-for="bookmark in bookmarks" :key="bookmark.id" :to="bookmark.to" class="bookmark">
<v-list-item-icon><v-icon name="bookmark" /></v-list-item-icon>
<v-list-item-content>{{ bookmark.title }}</v-list-item-content>
<v-list-item-icon v-if="bookmark.scope !== 'user'" class="bookmark-scope">
@@ -101,5 +101,12 @@ export default defineComponent({
.bookmark-scope {
--v-icon-color: var(--foreground-subdued);
opacity: 0;
transition: opacity var(--fast) var(--transition);
}
.bookmark:hover .bookmark-scope {
opacity: 1;
}
</style>