Ellipsis on long emails

2024-07-04 13:54:08 +02:00 · 2024-07-04 13:54:08 +02:00 · 6d412cdf32
parent f2e3ca4f77
commit 6d412cdf32
1 changed files with 11 additions and 1 deletions
--- a/packages/builder/src/pages/builder/portal/users/users/_components/EmailTableRenderer.svelte
+++ b/packages/builder/src/pages/builder/portal/users/users/_components/EmailTableRenderer.svelte
@ -5,7 +5,17 @@
  export let row
 </script>

-{value}
+<span class="email">
+  {value}
+</span>
 {#if row.scimInfo?.isSync}
  <ActiveDirectoryInfo iconSize="XS" />
 {/if}
+
+<style>
+  .email {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+</style>