From 776a7a11332f8b449ecf22c67775e79b2fb3e46a Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Tue, 2 Nov 2021 17:30:45 +0100
Subject: [PATCH] Add transition to schema-name label.

---
 .../content/shared/references/reference-item.component.html | 2 +-
 .../content/shared/references/reference-item.component.scss | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/app/features/content/shared/references/reference-item.component.html b/frontend/app/features/content/shared/references/reference-item.component.html
index cbdfcccc2..237598464 100644
--- a/frontend/app/features/content/shared/references/reference-item.component.html
+++ b/frontend/app/features/content/shared/references/reference-item.component.html
@@ -21,7 +21,7 @@
     </td>
 
     <td class="cell-label" *ngIf="!isCompact">
-        <span class="badge badge-primary rounded-pill truncate-inline" [title]="content.schemaDisplayName">{{content.schemaDisplayName}}</span>
+        <span class="badge badge-primary rounded-pill truncate-inline">{{content.schemaDisplayName}}</span>
     </td>
 
     <td class="cell-actions">
diff --git a/frontend/app/features/content/shared/references/reference-item.component.scss b/frontend/app/features/content/shared/references/reference-item.component.scss
index a96af5e27..d6ae419bc 100644
--- a/frontend/app/features/content/shared/references/reference-item.component.scss
+++ b/frontend/app/features/content/shared/references/reference-item.component.scss
@@ -25,11 +25,9 @@
         position: relative;
 
         .badge {
+            @include absolute(1.25rem, .75rem);
             max-width: 500px;
-            position: absolute;
-            right: .75rem;
-            top: 1.25rem;
-            width: auto;
+            transition: .2s ease-in all;
         }
     }
 }
\ No newline at end of file