fix(core): add maxLength to breadcrumb and change symbol (#4880)

* fix(core): add maxLength to breadcrumb and change symbol * fix(core): change symbol of breadcrumb separator in document history * fix(core): conditionally set maxLength of breadcrumbs in history * fix(core): ran prettify * fix(core): remove maxLength of title, use icon for separator
sanity-io · Sep 6, 2023 · 5c75b2c · 5c75b2c · vercel · Sep 6, 2023
1 parent 2ace4f1
commit 5c75b2c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/sanity/src/core/field/diff/components/ChangeBreadcrumb.tsx b/packages/sanity/src/core/field/diff/components/ChangeBreadcrumb.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import {Breadcrumbs, Text} from '@sanity/ui'
+import {ChevronRightIcon} from '@sanity/icons'
 import {ChangeTitlePath, FieldChangeNode} from '../../types'
 import {ChangeTitleSegment} from './ChangeTitleSegment'
 
@@ -9,9 +10,10 @@ export function ChangeBreadcrumb(props: {change?: FieldChangeNode; titlePath: Ch
 
   return (
     <Breadcrumbs
+      maxLength={4}
       separator={
         <Text muted size={1}>
-          /
+          <ChevronRightIcon />
         </Text>
       }
     >

diff --git a/packages/sanity/src/core/field/diff/components/ChangeTitleSegment.tsx b/packages/sanity/src/core/field/diff/components/ChangeTitleSegment.tsx
@@ -25,7 +25,7 @@ export function ChangeTitleSegment(props: {
 
   if (typeof segment === 'string') {
     return (
-      <Box style={segment.length > 30 ? {maxWidth: 100} : {}}>
+      <Box>
         <Text title={segment} size={1} weight="semibold" textOverflow="ellipsis">
           {segment}
         </Text>