From c8fc92b2f3847abac27a0389a78963ffe751e6af Mon Sep 17 00:00:00 2001
From: Tobias Frischmann <tobias.frischmann@proton.me>
Date: Fri, 25 Sep 2026 08:37:13 +0200
Subject: [PATCH] smoother category transitions

---
 app/components/Filter/CategorySelect.vue     | 51 +++++++++++---------
 app/components/Settings/Labels/Category.vue  |  6 +--
 app/components/Utils/Label/CategoryLabel.vue |  1 +
 pnpm-workspace.yaml                          | 10 ----
 4 files changed, 31 insertions(+), 37 deletions(-)

diff --git a/app/components/Filter/CategorySelect.vue b/app/components/Filter/CategorySelect.vue
index de69df9..31ffb3b 100644
--- a/app/components/Filter/CategorySelect.vue
+++ b/app/components/Filter/CategorySelect.vue
@@ -47,33 +47,38 @@
 <template>
 	<div class="@container">
 		<div class="grid grid-cols-1 @sm:grid-cols-2 @md:grid-cols-3">
-			<div
-				v-for="category in categories"
-				class="flex mr-1 mb-1 items-center gap-0.5"
+			<TransitionGroup
+				leave-to-class="max-h-0! opacity-0 scale-y-0 mb-0!"
+				enter-from-class="max-h-0! opacity-0 scale-y-0 mb-0!"
 			>
-				<CategoryLabel
+				<div
+					v-for="category in categories"
 					:key="category.uuid"
-					:label="category"
-					:count="categoryCount.get(category.uuid)"
-					:is-selected="isSelected(category)"
-					type="category"
-					class="flex-1"
-					@press="onPress(category.uuid, false)"
-				/>
-				<button
-					@click="onPress(category.uuid, true)"
-					v-if="isMobile"
-					type="button"
-					class="h-5 flex items-center justify-center cursor-pointer border border-secondary rounded aspect-square"
+					class="max-h-6 flex mr-1 mb-1 items-center gap-0.5 transition-all duration-300"
 				>
-					<Icon
-						v-if="isSelected(category)"
-						name="material-symbols:remove-rounded"
-						size="16"
+					<CategoryLabel
+						:label="category"
+						:count="categoryCount.get(category.uuid)"
+						:is-selected="isSelected(category)"
+						type="category"
+						class="flex-1"
+						@press="onPress(category.uuid, false)"
 					/>
-					<Icon v-else name="material-symbols:add-2-rounded" size="16" />
-				</button>
-			</div>
+					<button
+						@click="onPress(category.uuid, true)"
+						v-if="isMobile"
+						type="button"
+						class="h-5 flex items-center justify-center cursor-pointer border border-secondary rounded aspect-square"
+					>
+						<Icon
+							v-if="isSelected(category)"
+							name="material-symbols:remove-rounded"
+							size="16"
+						/>
+						<Icon v-else name="material-symbols:add-2-rounded" size="16" />
+					</button>
+				</div>
+			</TransitionGroup>
 		</div>
 	</div>
 </template>
diff --git a/app/components/Settings/Labels/Category.vue b/app/components/Settings/Labels/Category.vue
index be92680..cd892a2 100644
--- a/app/components/Settings/Labels/Category.vue
+++ b/app/components/Settings/Labels/Category.vue
@@ -22,15 +22,13 @@
 	<EditCategory :default-label="props.category" @save="onSaveLabel">
 		<template #display>
 			<div
-				class="cursor-pointer
-			    border-secondary rounded border pr-1 hover:bg-secondary
-			"
+				class="cursor-pointer border-secondary rounded border pr-1 hover:bg-secondary flex gap-0.5"
 			>
 				<Icon
 					:style="{ color: category.color }"
 					:name="category.icon || 'material-symbols:bookmark'"
 					size="24"
-					class="align-top"
+					class="h-6 w-6"
 				/>
 				{{ category.name }}
 			</div>
diff --git a/app/components/Utils/Label/CategoryLabel.vue b/app/components/Utils/Label/CategoryLabel.vue
index 55fa6c3..d902e01 100644
--- a/app/components/Utils/Label/CategoryLabel.vue
+++ b/app/components/Utils/Label/CategoryLabel.vue
@@ -20,6 +20,7 @@
 	>
 		<span class="flex-1 flex items-center gap-0.5">
 			<Icon
+				class="h-6 w-6"
 				:style="{
           color: label.color,
         }"
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index fa2130c..c0868bf 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -2,13 +2,3 @@ allowBuilds:
   "@parcel/watcher": false
   esbuild: false
   vue-demi: false
-minimumReleaseAgeExclude:
-  - '@biomejs/biome@2.5.11'
-  - '@biomejs/cli-darwin-arm64@2.5.11'
-  - '@biomejs/cli-darwin-x64@2.5.11'
-  - '@biomejs/cli-linux-arm64-musl@2.5.11'
-  - '@biomejs/cli-linux-arm64@2.5.11'
-  - '@biomejs/cli-linux-x64-musl@2.5.11'
-  - '@biomejs/cli-linux-x64@2.5.11'
-  - '@biomejs/cli-win32-arm64@2.5.11'
-  - '@biomejs/cli-win32-x64@2.5.11'
-- 
2.51.2