Fixes Company Switcher for accessibility zoom (#3642)

MTES-MCT · Oct 14, 2024 · 4e6c255 · 4e6c255
1 parent c62bb3a
commit 4e6c255
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/front/index.html b/front/index.html
@@ -24,7 +24,7 @@
 
     <link
       rel="stylesheet"
-      href="/dsfr/utility/icons/icons.min.css?hash=a3d89df3"
+      href="/dsfr/utility/icons/icons.min.css?hash=6c468aff"
     />
     <link rel="stylesheet" href="/dsfr/dsfr.min.css?v=1.12.1" />
     <meta

diff --git a/front/src/Apps/common/Components/CompanySwitcher/CompanySwitcher.tsx b/front/src/Apps/common/Components/CompanySwitcher/CompanySwitcher.tsx
@@ -157,7 +157,7 @@ const CompanySwitcher = ({
         <div className="company-switcher-item__infos">
           <div className="company-switcher-item__siret">{company.orgId}</div>
           {current && (
-            <p className="fr-tag fr-tag--sm fr-icon-pen-nib-line fr-tag--icon-left">
+            <p className="company-switcher-item__code fr-tag fr-tag--sm fr-icon-pen-nib-line fr-tag--icon-left">
               {company.securityCode}
             </p>
           )}

diff --git a/front/src/Apps/common/Components/CompanySwitcher/companySwitcher.scss b/front/src/Apps/common/Components/CompanySwitcher/companySwitcher.scss
@@ -85,6 +85,15 @@
     color: #666;
     font-size: 12px;
     margin-right: 16px;
+    min-width: 0;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-wrap: normal;
+  }
+
+  &__code {
+    flex-basis: auto;
+    flex-shrink: 0;
   }
 
   &__arrow {