Add deprecated css to clickable property name

Redocly · Apr 24, 2024 · 5dc43fa · 5dc43fa
1 parent 20a923b
commit 5dc43fa
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;