From b23030274560fe9b75c9ecfc5aa7fce7e0c9462a Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 4 Jul 2026 16:53:45 +0100
Subject: [PATCH] Add transition effects to object display tags in App.css for
 improved visual feedback on focus

---
 assets/stylesheets/App.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index cd9657e..3193459 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -80,6 +80,15 @@
   font-size: 95%;
 }
 
+.object-display-tag {
+  opacity: 1;
+  transition: opacity 0.15s ease-in-out;
+}
+
+.ant-select-focused .object-display-tag {
+  opacity: 0.5;
+}
+
 .flag {
   line-height: 0.7;
 }