vikunja/frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

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 600c148bb1
commit b72a1d9d0c
Signed by: konrad
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>