[field] Use word-wrap: break-word; for text diffs

sanity-io · Oct 6, 2020 · cc8b82c · cc8b82c
1 parent 48de689
commit cc8b82c
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/packages/@sanity/field/src/types/datetime/diff/DatetimeFieldDiff.css b/packages/@sanity/field/src/types/datetime/diff/DatetimeFieldDiff.css
@@ -3,5 +3,5 @@
 .card {
   display: inline-block;
   padding: calc(var(--small-padding) - 4px) var(--small-padding) calc(var(--small-padding) - 3px);
-  word-break: break-all;
+  word-wrap: break-word;
 }
diff --git a/packages/@sanity/field/src/types/reference/diff/ReferenceFieldDiff.css b/packages/@sanity/field/src/types/reference/diff/ReferenceFieldDiff.css
@@ -3,5 +3,5 @@
 .card {
   display: block;
   padding: calc(var(--small-padding) - 2px) var(--small-padding) calc(var(--small-padding) - 1px);
-  word-break: break-all;
+  word-wrap: break-word;
 }
diff --git a/packages/@sanity/field/src/types/slug/diff/SlugFieldDiff.css b/packages/@sanity/field/src/types/slug/diff/SlugFieldDiff.css
@@ -3,5 +3,5 @@
 .card {
   display: inline-block;
   padding: calc(var(--small-padding) - 3px) var(--small-padding) calc(var(--small-padding) - 2px);
-  word-break: break-all;
+  word-wrap: break-word;
 }
diff --git a/packages/@sanity/field/src/types/string/diff/StringFieldDiff.css b/packages/@sanity/field/src/types/string/diff/StringFieldDiff.css
@@ -2,12 +2,12 @@
 
 .root {
   white-space: pre-wrap;
-  word-break: break-all;
+  word-wrap: break-word;
 }
 
 .card {
   display: inline-block;
   padding: calc(var(--small-padding) - 4px) var(--small-padding) calc(var(--small-padding) - 3px);
   white-space: pre-wrap;
-  word-break: break-all;
+  word-wrap: break-word;
 }
diff --git a/packages/@sanity/field/src/types/url/diff/UrlFieldDiff.css b/packages/@sanity/field/src/types/url/diff/UrlFieldDiff.css
@@ -3,5 +3,5 @@
 .card {
   display: inline-block;
   padding: calc(var(--small-padding) - 4px) var(--small-padding) calc(var(--small-padding) - 3px);
-  word-break: break-all;
+  word-wrap: break-word;
 }