Fix search preview's widget text wrap (#132)

christian-byrne · web-flow · commit e216fa82c5cf · 2024-07-14T19:46:25.000-04:00
diff --git a/src/components/NodePreview.vue b/src/components/NodePreview.vue
@@ -214,6 +214,7 @@ const widgetInputDefs = allInputDefs.filter((input) => !!input.widgetType);
   align-items: center;
   padding-left: 9px;
   padding-right: 9px;
+  overflow-x: hidden;
 }
 
 ._sb_row_string {
@@ -240,6 +241,7 @@ const widgetInputDefs = allInputDefs.filter((input) => !!input.widgetType);
   margin: 5px 5px 0 5px;
   border-radius: 10px;
   line-height: 1.7;
+  text-wrap: nowrap;
 }
 
 ._sb_arrow {

Original file line number	Diff line number	Diff line change
`@@ -214,6 +214,7 @@ const widgetInputDefs = allInputDefs.filter((input) => !!input.widgetType);`
`214`	`214`	`align-items: center;`
`215`	`215`	`padding-left: 9px;`
`216`	`216`	`padding-right: 9px;`
	`217`	`+ overflow-x: hidden;`
`217`	`218`	`}`
`218`	`219`
`219`	`220`	`._sb_row_string {`
`@@ -240,6 +241,7 @@ const widgetInputDefs = allInputDefs.filter((input) => !!input.widgetType);`
`240`	`241`	`margin: 5px 5px 0 5px;`
`241`	`242`	`border-radius: 10px;`
`242`	`243`	`line-height: 1.7;`
	`244`	`+ text-wrap: nowrap;`
`243`	`245`	`}`
`244`	`246`
`245`	`247`	`._sb_arrow {`