[field] Update SlugPreview

sanity-io · Oct 6, 2020 · 3267844 · 3267844
1 parent da00126
commit 3267844
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/packages/@sanity/field/src/types/slug/preview/SlugPreview.css b/packages/@sanity/field/src/types/slug/preview/SlugPreview.css
@@ -1,9 +1,10 @@
 @import 'part:@sanity/base/theme/variables-style';
 
 .root {
-  display: block;
+  display: inline-block;
   padding: var(--extra-small-padding) var(--small-padding);
   border-radius: var(--border-radius-small);
+  word-break: break-all;
 
   @nest del & {
     text-decoration: line-through;

diff --git a/packages/@sanity/field/src/types/slug/preview/SlugPreview.tsx b/packages/@sanity/field/src/types/slug/preview/SlugPreview.tsx
@@ -5,11 +5,7 @@ import {Slug} from '../types'
 import styles from './SlugPreview.css'
 
 export const SlugPreview: PreviewComponent<Slug> = props => {
-  const {color, value} = props
+  const {value} = props
 
-  return (
-    <span className={styles.root} style={{background: color?.background, color: color?.text}}>
-      {value.current}
-    </span>
-  )
+  return <span className={styles.root}>{value.current}</span>
 }