WIP: PR Comments

SAP · Sep 18, 2019 · 1251079 · 1251079
1 parent 27ebda9
commit 1251079
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/main/src/components/Breadcrumbs/index.tsx b/packages/main/src/components/Breadcrumbs/index.tsx
@@ -1,6 +1,6 @@
 import { BreadcrumbsSeparatorStyle } from '@ui5/webcomponents-react/lib/BreadcrumbsSeparatorStyle';
 import { Label } from '@ui5/webcomponents-react/lib/Label';
-import React, { Children, FC, forwardRef, Fragment, ReactNode, Ref, ReactNodeArray } from 'react';
+import React, { Children, FC, forwardRef, Fragment, ReactNode, ReactNodeArray, Ref } from 'react';
 import { CommonProps } from '../../interfaces/CommonProps';
 
 const SeparatorStyles = {
@@ -12,6 +12,8 @@ const SeparatorStyles = {
   Slash: '/'
 };
 
+const separatorInlineStyles = { margin: '0 0.25rem' };
+
 export interface BreadcrumbsPropTypes extends CommonProps {
   /**
    *  A list of all the active link elements in the Breadcrumbs control. Please use the `Link` component.
@@ -40,13 +42,13 @@ const Breadcrumbs: FC<BreadcrumbsPropTypes> = forwardRef((props: BreadcrumbsProp
         return (
           <Fragment key={index}>
             {item}
-            <Label style={{ margin: '0 0.25rem' }} children={SeparatorStyles[separatorStyle]} />
+            <Label style={separatorInlineStyles} children={SeparatorStyles[separatorStyle]} />
           </Fragment>
         );
       })}
       {currentLocationText && (
         <>
-          <Label style={{ margin: '0 0.25rem' }}>{SeparatorStyles[separatorStyle]}</Label>
+          <Label style={separatorInlineStyles}>{SeparatorStyles[separatorStyle]}</Label>
           <Label>{currentLocationText}</Label>
         </>
       )}