feat: new extensions hook PropertyDetailsCell + wrap property name in…

…to span
Redocly · Oct 16, 2020 · 0703f73 · 0703f73
1 parent f5eeacf
commit 0703f73
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
@@ -98,6 +98,8 @@ export const PropertyDetailsCell = styled.td`
       border-left: none;
     }
   `}
+
+  ${extensionsHook('PropertyDetailsCell')};
 `;
 
 export const PropertyBullet = styled.span`

diff --git a/src/components/Fields/Field.tsx b/src/components/Fields/Field.tsx
@@ -64,15 +64,15 @@ export class Field extends React.Component<FieldProps> {
           onKeyPress={this.handleKeyPress}
           aria-label="expand properties"
         >
-          {name}
+          <span>{name}</span>
           <ShelfIcon direction={expanded ? 'down' : 'right'} />
         </button>
         {required && <RequiredLabel> required </RequiredLabel>}
       </ClickablePropertyNameCell>
     ) : (
       <PropertyNameCell className={deprecated ? 'deprecated' : undefined} kind={kind} title={name}>
         <PropertyBullet />
-        {name}
+        <span>{name}</span>
         {required && <RequiredLabel> required </RequiredLabel>}
       </PropertyNameCell>
     );