diff --git a/packages/sanity/src/core/form/inputs/PortableText/Editor.tsx b/packages/sanity/src/core/form/inputs/PortableText/Editor.tsx index 06721952325f..e2dbf87d5714 100644 --- a/packages/sanity/src/core/form/inputs/PortableText/Editor.tsx +++ b/packages/sanity/src/core/form/inputs/PortableText/Editor.tsx @@ -13,13 +13,7 @@ import { type RenderStyleFunction, } from '@sanity/portable-text-editor' import {type Path} from '@sanity/types' -import { - BoundaryElementProvider, - Box, - useBoundaryElement, - useGlobalKeyDown, - useLayer, -} from '@sanity/ui' +import {BoundaryElementProvider, useBoundaryElement, useGlobalKeyDown, useLayer} from '@sanity/ui' // eslint-disable-next-line camelcase import {getTheme_v2} from '@sanity/ui/theme' import {type ReactNode, useCallback, useMemo} from 'react' @@ -210,16 +204,11 @@ export function Editor(props: EditorProps): ReactNode { - - - - {editable} - - - + + + {editable} + +
diff --git a/packages/sanity/src/core/form/inputs/PortableText/_common/ReviewChangesHighlightBlock.tsx b/packages/sanity/src/core/form/inputs/PortableText/_common/ReviewChangesHighlightBlock.tsx index c9945dc60f3e..7f0b91a3e464 100644 --- a/packages/sanity/src/core/form/inputs/PortableText/_common/ReviewChangesHighlightBlock.tsx +++ b/packages/sanity/src/core/form/inputs/PortableText/_common/ReviewChangesHighlightBlock.tsx @@ -11,7 +11,7 @@ export const ReviewChangesHighlightBlock = styled.div(({theme}) => { top: -${space[2]}px; bottom: -${space[1] + space[1]}px; left: ${space[4] + space[1]}px; - right: 0; + right: ${space[2]}px; background-color: ${bg}; pointer-events: none; ` diff --git a/packages/sanity/src/core/form/inputs/PortableText/text/TextBlock.styles.ts b/packages/sanity/src/core/form/inputs/PortableText/text/TextBlock.styles.ts index ac491ea45e32..0b1907e23092 100644 --- a/packages/sanity/src/core/form/inputs/PortableText/text/TextBlock.styles.ts +++ b/packages/sanity/src/core/form/inputs/PortableText/text/TextBlock.styles.ts @@ -168,6 +168,7 @@ export const ChangeIndicatorWrapper = styled.div<{$hasChanges: boolean}>( top: 0; bottom: 0; padding-left: ${space[1]}px; + padding-right: ${space[3]}px; user-select: none; ${!$hasChanges &&