It prevents breaking words inside header cell in an HTML tables. (#661)

marinaaisa · web-flow · commit e2c159a932af · 2023-05-19T19:06:04.000+02:00
* [rdar://107874086] fix: prevent from breaking words in japanese when wrapping

* [rdar://107874086] fix: move to th

* [rdar://107874086] fix: add hyphens: auto;
diff --git a/src/components/ContentNode/Table.vue b/src/components/ContentNode/Table.vue
@@ -44,6 +44,8 @@ table {
 /deep/ {
   th {
     font-weight: $font-weight-semibold;
+    word-break: keep-all;
+    hyphens: auto;
   }
 
   td,

Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,8 @@ table {`
`44`	`44`	`/deep/ {`
`45`	`45`	`th {`
`46`	`46`	`font-weight: $font-weight-semibold;`
	`47`	`+ word-break: keep-all;`
	`48`	`+ hyphens: auto;`
`47`	`49`	`}`
`48`	`50`
`49`	`51`	`td,`