fix: use the color bubble as handle if the project has a color

This commit is contained in:
kolaente 2023-04-12 10:27:32 +02:00
parent a7440ed296
commit 48570808e5
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 6 additions and 4 deletions

View File

@ -17,14 +17,14 @@
class="list-menu-link" class="list-menu-link"
:class="{'router-link-exact-active': currentProject.id === project.id}" :class="{'router-link-exact-active': currentProject.id === project.id}"
> >
<span class="icon menu-item-icon handle">
<icon icon="grip-lines"/>
</span>
<ColorBubble <ColorBubble
v-if="project.hexColor !== ''" v-if="project.hexColor !== ''"
:color="project.hexColor" :color="project.hexColor"
class="mr-1" class="handle"
/> />
<span class="icon menu-item-icon handle" v-else>
<icon icon="grip-lines"/>
</span>
<span class="list-menu-title">{{ getProjectTitle(project) }}</span> <span class="list-menu-title">{{ getProjectTitle(project) }}</span>
</BaseButton> </BaseButton>
<BaseButton <BaseButton

View File

@ -10,6 +10,8 @@
.color-bubble { .color-bubble {
height: 12px; height: 12px;
flex: 0 0 12px; flex: 0 0 12px;
opacity: 1;
margin: 0 .5rem 0 .25rem;
} }
} }