[TECH] Redimensionner les colonnes du tableau des candidats sur Pix C…

…ertif. #10487
1024pix · Nov 7, 2024 · 13efc44 · 13efc44
2 parents 888d24d + 1161f3f
commit 13efc44
Show file tree

Hide file tree

Showing 4 changed files with 143 additions and 177 deletions.
diff --git a/certif/app/components/import-candidates.js b/certif/app/components/import-candidates.js
@@ -22,7 +22,8 @@ export default class ImportCandidates extends Component {
       await this.args.reloadCertificationCandidate();
     } catch (errorResponse) {
       const errorMessage = this._handleErrorMessage(errorResponse);
-      this.notifications.error(htmlSafe(errorMessage), { cssClasses: 'certification-candidates-notification' });
+
+      this.notifications.error(htmlSafe(errorMessage));
     } finally {
       this.isLoading = false;
     }

diff --git a/certif/app/components/sessions/session-details/enrolled-candidates/index.gjs b/certif/app/components/sessions/session-details/enrolled-candidates/index.gjs
@@ -343,7 +343,7 @@ export default class EnrolledCandidates extends Component {
       </div>
       <div class='table content-text content-text--small certification-candidates-table'>
         {{#if (or @certificationCandidates this.candidatesInStaging)}}
-          <table class='certification-candidates-table-cpf-toggle-enabled'>
+          <table>
             <caption class='screen-reader-only'>
               {{#if @shouldDisplayPrescriptionScoStudentRegistrationFeature}}
                 {{t 'pages.sessions.detail.candidates.list.without-details-description'}}
@@ -353,33 +353,33 @@ export default class EnrolledCandidates extends Component {
             </caption>
             <thead>
               <tr>
-                <th class='certification-candidates-table__column-last-name'>
+                <th class='table__column--medium'>
                   {{t 'common.labels.candidate.birth-name'}}
                 </th>
-                <th class='certification-candidates-table__column-first-name'>
+                <th class='table__column--small'>
                   {{t 'common.labels.candidate.firstname'}}
                 </th>
-                <th class='certification-candidates-table__column-birthdate'>
+                <th class='table__column--small'>
                   {{t 'common.labels.candidate.birth-date'}}
                 </th>
                 {{#if @shouldDisplayPrescriptionScoStudentRegistrationFeature}}
-                  <th class='certification-candidates-table__birth-city'>
+                  <th>
                     {{t 'common.labels.candidate.birth-city'}}
                   </th>
                   <th>
                     {{t 'common.labels.candidate.birth-country'}}
                   </th>
                 {{/if}}
                 {{#unless @shouldDisplayPrescriptionScoStudentRegistrationFeature}}
-                  <th class='certification-candidates-table__recipient-email'>
+                  <th>
                     {{t 'common.forms.certification-labels.email-results'}}
                   </th>
                 {{/unless}}
-                <th class='certification-candidates-table__column-time'>
+                <th class='table__column--small'>
                   {{t 'common.forms.certification-labels.extratime'}}
                 </th>
                 {{#if this.shouldDisplayAccessibilityAdjustmentNeededFeature}}
-                  <th class='certification-candidates-table__column-accessibility'>
+                  <th class='table__column--small'>
                     {{t 'common.forms.certification-labels.accessibility'}}
                   </th>
                 {{/if}}

diff --git a/certif/app/styles/globals/tables.scss b/certif/app/styles/globals/tables.scss
@@ -40,6 +40,10 @@
       width: 10%;
     }
 
+    &--medium {
+      width: 12%;
+    }
+
     &--wide {
       width: 25%;
     }