✨admin: add break-word for externalIds column

1024pix · Feb 14, 2025 · 46d9b7b · 46d9b7b
1 parent ec3d343
commit 46d9b7b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/admin/app/components/certification-centers/list-items.gjs b/admin/app/components/certification-centers/list-items.gjs
@@ -52,7 +52,7 @@ export default class CertificationCenterListItems extends Component {
                 </td>
                 <td>{{certificationCenter.name}}</td>
                 <td>{{certificationCenter.type}}</td>
-                <td>{{certificationCenter.externalId}}</td>
+                <td class="break-word">{{certificationCenter.externalId}}</td>
               </tr>
             {{/each}}
           </tbody>

diff --git a/admin/app/components/sessions/list-items.gjs b/admin/app/components/sessions/list-items.gjs
@@ -179,7 +179,7 @@ export default class ListItems extends Component {
                   </LinkTo>
                 </td>
                 <td headers="certification-center-name">{{session.certificationCenterName}}</td>
-                <td headers="session-external-id">{{session.certificationCenterExternalId}}</td>
+                <td class="break-word table__column" headers="session-external-id">{{session.certificationCenterExternalId}}</td>
                 {{#if session.certificationCenterType}}
                   <td headers="certification-center-category" class="session-list__item--align-center">
                     {{session.certificationCenterType}}

diff --git a/admin/app/components/team/list.gjs b/admin/app/components/team/list.gjs
@@ -109,7 +109,7 @@ export default class List extends Component {
               <tr aria-label={{concat member.firstName " " member.lastName}}>
                 <td>{{member.firstName}}</td>
                 <td>{{member.lastName}}</td>
-                <td>{{member.email}}</td>
+                <td class="break-word">{{member.email}}</td>
                 <td>
                   {{#if member.isInEditionMode}}
                     <PixSelect

diff --git a/admin/app/styles/globals/tables.scss b/admin/app/styles/globals/tables.scss
@@ -92,3 +92,7 @@ td.td--bold {
   text-align: center;
   border-top: 2px solid var(--pix-neutral-100);
 }
+
+.break-word {
+  word-break: break-word;
+}