Wrap text in inputs render

electrikmilk · Apr 26, 2024 · c8096d4 · c8096d4
1 parent 2318446
commit c8096d4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/render.ts b/src/render.ts
@@ -325,15 +325,21 @@ export function renderInputs(shortcut: ShortcutData) {
         }
     }
 
+    const inputsValue = renderValue(inputs.length !== 0 ? inputs.join(', ') : null, 'No');
+    const outputsValue = renderValue(workflows.length !== 0 ? workflows.join(', ') : null, 'Nowhere');
+
+    inputsValue.classList.add('no-wrap');
+    outputsValue.classList.add('no-wrap');
+
     const render = renderActionHeader({
             title: 'Receives',
             icon: 'layers_fill',
             color: '#007aff',
             background: 'transparent',
         },
-        renderValue(inputs.length !== 0 ? inputs.join(', ') : null, 'No'),
+        inputsValue,
         actionText('input from'),
-        renderValue(workflows.length !== 0 ? workflows.join(', ') : null, 'Nowhere')
+        outputsValue
     );
 
     card.innerHTML = renderCardContent(render).outerHTML;

diff --git a/src/style.css b/src/style.css
@@ -247,6 +247,11 @@
     color: #067aff;
 }
 
+.sp-container .sp-value.no-wrap {
+    white-space: pre-wrap !important;
+    text-align: left !important;
+}
+
 .sp-container .sp-variable-value {
     background: #e2f0ff;
     padding: 0 5px;