fix: ellipsis connector text (#1394)

ConduitIO · Feb 27, 2024 · deb2907 · deb2907
1 parent f95c941
commit deb2907
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/ui/app/components/pipeline-editor/connector-slide-panel.hbs b/ui/app/components/pipeline-editor/connector-slide-panel.hbs
@@ -12,7 +12,7 @@
       {{if this.isShowingNewTransformPanel '-translate-x-152'}}"
   >
     <div class="flex flex-col w-76">
-      <div class="flex justify-between items-center bg-white p-6">
+      <div class="flex justify-between items-center bg-white px-6 pt-6 pb-2">
         <span
           class="slide-panel-header font-semibold w-3/4 overflow-hidden text-ellipsis"
           data-test-connector-slide-panel-node-name
@@ -72,6 +72,7 @@
           {{/if}}
         </div>
       </div>
+      <div class="px-6 pb-6 text-sm">{{@selectedNode.plugin.id}}</div>
       <div class="flex px-4 mb-12">
         <Mxa::Button
           @buttonType="secondary"

diff --git a/ui/app/components/pipeline-editor/nodes/connector-node.hbs b/ui/app/components/pipeline-editor/nodes/connector-node.hbs
@@ -25,12 +25,15 @@
   >
     <div class="flex items-center justify-between mb-1">
       <div
-        class="text-xs font-medium w-1/2 overflow-hidden text-ellipsis"
+        class="text-xs font-medium w-1/2 overflow-hidden text-ellipsis whitespace-nowrap"
         data-test-connector-node-name
       >
         {{@connector.name}}
       </div>
-      <div class="text-gray-500 text-xs" data-test-connector-node-plugin-name>
+      <div
+        class="text-gray-500 text-xs w-1/2 overflow-hidden text-ellipsis whitespace-nowrap"
+        data-test-connector-node-plugin-name
+      >
         {{@connector.plugin.id}}
       </div>
     </div>