ami/tl-vikunja
1
0
Fork 0
Code Activity

fix(navigation): highlight saved filters in project view and prevent them from being dragged around

Browse Source
This commit is contained in:
kolaente
2023-06-07 20:58:43 +02:00
parent 7b92028e67
commit b50adaf4b5
4 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/home/ProjectsNavigationItem.vue
View File

@ -20,12 +20,16 @@
v-if="!canCollapse || childProjects?.length === 0"
class="collapse-project-button-placeholder"
></span>
<div class="color-bubble-handle-wrapper">
<div class="color-bubble-handle-wrapper" :class="{'is-draggable': project.id > 0}">
<ColorBubble
v-if="project.hexColor !== ''"
:color="project.hexColor"
/>
<span v-else-if="project.id < -1" class="saved-filter-icon icon menu-item-icon">
<icon icon="filter"/>
</span>
<span
v-if="project.id > 0"
class="icon menu-item-icon handle lines-handle"
:class="{'has-color-bubble': project.hexColor !== ''}"
>
@ -133,8 +137,11 @@ const canNestDeeper = computed(() => canNestProjectDeeper(props.level))
opacity: 1;
}
.list-menu:hover > div > a > .color-bubble-handle-wrapper > .color-bubble {
opacity: 0;
.list-menu:hover > div > a > .color-bubble-handle-wrapper.is-draggable > {
.saved-filter-icon,
.color-bubble {
opacity: 0;
}
}
.color-bubble-handle-wrapper {
@ -160,4 +167,9 @@ const canNestDeeper = computed(() => canNestProjectDeeper(props.level))
overflow: hidden;
text-overflow: ellipsis;
}
.saved-filter-icon {
color: var(--grey-300) !important;
font-size: .75rem;
}
</style>