[field] fix image diff removed style

sanity-io · Oct 6, 2020 · fb7f382 · fb7f382
1 parent 71020eb
commit fb7f382
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/@sanity/field/src/diff/components/image/ImageFieldDiff.css b/packages/@sanity/field/src/diff/components/image/ImageFieldDiff.css
@@ -6,6 +6,9 @@
 
 .annotation {
   border-radius: var(--border-radius-small);
+  @nest &[data-action='removed'] {
+    text-decoration: line-through;
+  }
 }
 
 .imageDiff {

diff --git a/packages/@sanity/field/src/diff/components/image/ImageFieldDiff.tsx b/packages/@sanity/field/src/diff/components/image/ImageFieldDiff.tsx
@@ -48,7 +48,11 @@ export const ImageFieldDiff: DiffComponent<ObjectDiff<Image>> = ({diff, schemaTy
         <DiffAnnotationTooltip diff={diff} path={annotationPath}>
           <div className={styles.imageDiff} data-diff-layout={prev && next ? 'double' : 'single'}>
             {prev && (
-              <div className={styles.annotation} style={style}>
+              <div
+                className={styles.annotation}
+                style={style}
+                data-action={didAssetChange ? 'removed' : 'changed'}
+              >
                 <ImagePreview
                   value={prev}
                   action={didAssetChange ? 'removed' : 'changed'}
@@ -59,7 +63,11 @@ export const ImageFieldDiff: DiffComponent<ObjectDiff<Image>> = ({diff, schemaTy
             )}
             {prev && next && <DiffArrow />}
             {next && (
-              <div className={styles.annotation} style={style}>
+              <div
+                className={styles.annotation}
+                style={style}
+                data-action={didAssetChange ? 'added' : 'changed'}
+              >
                 <ImagePreview
                   value={next}
                   action={didAssetChange ? 'added' : 'changed'}