From b126a7f7ffdc3135c0a7f6b9cc4c2c2283fe0c9e Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 7 Sep 2023 16:36:11 +0200
Subject: [PATCH] fix(navigation): don't hide color bubble in navigation on
 touch devices

Related discussion: https://community.vikunja.io/t/board-color-sticker/1607
---
 src/components/home/ProjectsNavigationItem.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/home/ProjectsNavigationItem.vue b/src/components/home/ProjectsNavigationItem.vue
index caea71b5f..4e130519a 100644
--- a/src/components/home/ProjectsNavigationItem.vue
+++ b/src/components/home/ProjectsNavigationItem.vue
@@ -147,6 +147,10 @@ const canNestDeeper = computed(() => canNestProjectDeeper(level))
 	}
 }
 
+.is-touch .color-bubble {
+	opacity: 1 !important;
+}
+
 .color-bubble-handle-wrapper {
 	position: relative;
 	width: 1rem;
@@ -175,4 +179,8 @@ const canNestDeeper = computed(() => canNestProjectDeeper(level))
 	color: var(--grey-300) !important;
 	font-size: .75rem;
 }
+
+.is-touch .handle.has-color-bubble {
+	display: none !important;
+}
 </style>