ami/tl-vikunja
1
0
Fork 0
Code Activity

fix(task): make sure the drag handle is shown as intended

Browse Source 
Due to a previous refactoring, the drag handle was always shown instead of only on hover. The css class was moved out of the task component, but its styles weren't

Related to https://kolaente.dev/vikunja/frontend/issues/3934
This commit is contained in:
kolaente
2024-02-06 18:29:17 +01:00
parent 6cc75928d8
commit 70f48eaaca
3 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/tasks/partials/singleTaskInProject.vue
View File

@ -2,7 +2,7 @@
<div>
<div
:class="{'is-loading': taskService.loading}"
class="task loader-container"
class="task loader-container single-task"
@mouseup.stop.self="openTaskDetail"
@mousedown.stop.self="focusTaskLink"
ref="taskContainerRef"
@ -435,21 +435,12 @@ function focusTaskLink() {
}
}
.handle {
opacity: 1;
transition: opacity $transition;
margin-right: .25rem;
cursor: grab;
}
@media(hover: hover) and (pointer: fine) {
& .favorite,
& .handle {
& .favorite {
opacity: 0;
}
&:hover .favorite,
&:hover .handle {
&:hover .favorite {
opacity: 1;
}
}