ami/tl-vikunja
1
0
Fork 0
Code

fix(navigation): make marking a project as favorite work

Browse Source
This commit is contained in:
kolaente 2023-03-28 14:07:13 +02:00
parent fd7d90b017
commit 10f1e69bc3
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/home/ProjectsNavigation.vue
View File

@ -51,7 +51,7 @@
v-if="p.id > 0" v-if="p.id > 0"
class="favorite" class="favorite"
:class="{'is-favorite': p.isFavorite}" :class="{'is-favorite': p.isFavorite}"
@click="projectStore.toggleProjectFavorite(l)" @click="projectStore.toggleProjectFavorite(p)"
> >
<icon :icon="p.isFavorite ? 'star' : ['far', 'star']"/> <icon :icon="p.isFavorite ? 'star' : ['far', 'star']"/>
</BaseButton> </BaseButton>
@ -173,4 +173,19 @@ async function saveProjectPosition(e: SortableEvent) {
.project-is-collapsed { .project-is-collapsed {
transform: rotate(-90deg); transform: rotate(-90deg);
} }
.favorite {
transition: opacity $transition, color $transition;
opacity: 0;
&:hover,
&.is-favorite {
opacity: 1;
color: var(--warning);
}
}
.list-menu:hover .favorite {
opacity: 1;
}
</style> </style>