diff --git a/src/components/node/NodePreview.vue b/src/components/node/NodePreview.vue index 1bf8c35b0..8cefb389e 100644 --- a/src/components/node/NodePreview.vue +++ b/src/components/node/NodePreview.vue @@ -178,6 +178,7 @@ const truncateDefaultValue = (value: any, charLimit: number = 32): string => { font-style: italic; font-weight: 500; font-size: 0.9rem; + word-break: break-word; } ._sb_table { diff --git a/src/components/searchbox/NodeSearchBox.vue b/src/components/searchbox/NodeSearchBox.vue index 1b7ca08f3..2375471e5 100644 --- a/src/components/searchbox/NodeSearchBox.vue +++ b/src/components/searchbox/NodeSearchBox.vue @@ -34,8 +34,8 @@ :python_module="option.python_module" /> -
- {{ option.description }} +
+ {{ option.category.replaceAll('/', ' > ') }}
@@ -144,17 +144,11 @@ const setHoverSuggestion = (index: number) => { @apply flex flex-col px-4 py-2 cursor-pointer overflow-hidden w-full; } -.option-container:hover .option-description { - @apply overflow-visible; - /* Allows text to wrap */ - white-space: normal; -} - .option-display-name { @apply font-semibold; } -.option-description { +.option-category { @apply text-sm text-gray-400 overflow-hidden text-ellipsis; /* Keeps the text on a single line by default */ white-space: nowrap;