show name on too long query names.

related to #8
acdh-oeaw · Jan 2, 2024 · ed42f96 · ed42f96
1 parent d71e261
commit ed42f96
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/Search/QueryItem.vue b/src/components/Search/QueryItem.vue
@@ -9,13 +9,15 @@ const storeQuery = queries.queries.find((q) => q.id === props.query.id) as unkno
 </script>
 
 <template>
-	<VCard :key="props.query.id" :style="`border: 2px solid ${props.query.color}`">
+	<VCard :key="props.query.id" :style="`border: 2px solid ${props.query.color};`">
 		<!-- <p>id: {{ props.query.id }}</p> -->
 		<VCardTitle>
+			<span class="text-xl" :style="`color: ${props.query.color}`">
+				{{ props.query.finalQuery }}
+				<VTooltip activator="parent">{{ props.query.finalQuery }}</VTooltip>
+			</span>
+
 			<div class="flex items-center justify-between">
-				<span class="text-xl" :style="`color: ${props.query.color}`">
-					{{ props.query.finalQuery }}
-				</span>
 				<div class="flex gap-2">
 					<VBtn
 						density="compact"