From b0d03d02069c1508447ddebc2f8a3fffa9b03ce5 Mon Sep 17 00:00:00 2001
From: Kerem Nalbant <43813768+keremnalbant@users.noreply.github.com>
Date: Thu, 25 Apr 2024 16:24:58 +0300
Subject: [PATCH] fix: add deprecated css to clickable property name (#2526)

Co-authored-by: Kerem Nalbant <k.nalbant@epilot.cloud>
---
 src/common-elements/fields.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
index 23ab5a816d..1267fc802f 100644
--- a/src/common-elements/fields.ts
+++ b/src/common-elements/fields.ts
@@ -1,10 +1,17 @@
 import { transparentize } from 'polished';
 
-import styled, { extensionsHook, css } from '../styled-components';
+import styled, { css, extensionsHook } from '../styled-components';
 import { PropertyNameCell } from './fields-layout';
+import { deprecatedCss } from './mixins';
 import { ShelfIcon } from './shelfs';
 
 export const ClickablePropertyNameCell = styled(PropertyNameCell)`
+  &.deprecated {
+    span.property-name {
+      ${deprecatedCss}
+    }
+  }
+
   button {
     background-color: transparent;
     border: 0;