fix: add deprecated css to clickable property name (#2526)

Co-authored-by: Kerem Nalbant <[email protected]>
Redocly · Apr 25, 2024 · b0d03d0 · b0d03d0
1 parent 2b72dc0
commit b0d03d0
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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;