diff --git a/src/components/Options/ProfileTypeOptions.tsx b/src/components/Options/ProfileTypeOptions.tsx index 023538814fa0e9b5ef1f2fc72405f0a1f80750b9..0e9c1f13cde1f1cd92479e017c5d4d764ad806e1 100644 --- a/src/components/Options/ProfileTypeOptions.tsx +++ b/src/components/Options/ProfileTypeOptions.tsx @@ -57,7 +57,9 @@ const ProfileTypeOptions: React.FC = () => { }} > <ExpansionPanelSummary - aria-label={''} + aria-label={t( + 'profile_type.accessibility.button_toogle_detail_profile' + )} expandIcon={<Icon icon={chevronDown} size={16} />} classes={{ root: 'expansion-panel-summary', diff --git a/src/locales/fr.json b/src/locales/fr.json index 6f904a2041ae5761466d6130eac6ca73a74d8a7f..25a26f896c6d5ed655dda5a9c40bb4d7bf9f6672 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -640,6 +640,7 @@ "button_next": "Aller à la section suivante", "button_previous": "Retour à la section précédente", "button_update_profile": "Ouvrir la page de mise à jour du profil", + "button_toogle_detail_profile": "Afficher ou masquer le détail du profil", "button_validate": "Valider" } }, diff --git a/src/styles/base/_color.scss b/src/styles/base/_color.scss index de8d36f4021d150cfbfaa6c2bad15fbe06a7cef7..fb1a2c531f130456e126442cb295b8c81a2fd35e 100644 --- a/src/styles/base/_color.scss +++ b/src/styles/base/_color.scss @@ -54,6 +54,7 @@ $grey-linear-gradient-background: linear-gradient( #323339 0%, #25262b 100% ); +$grey-focus: rgba(123, 123, 123, 0.4); /** App colors **/ $elec-color: #d87b39; diff --git a/src/styles/components/_expansion-panel.scss b/src/styles/components/_expansion-panel.scss index 715777be70b05cc33b124a00b0bceef556995f87..71c4da2ff7c697dddc58cbb7ab73efc30484e002 100644 --- a/src/styles/components/_expansion-panel.scss +++ b/src/styles/components/_expansion-panel.scss @@ -18,6 +18,10 @@ div.expansion-panel-root{ div.expansion-panel-summary{ padding: 0.25rem 1.2rem; min-height: 4rem; + &.Mui-focused { + border-radius: 4px; + background-color: $grey-focus; + } &.Mui-expanded { min-height: 4rem; &.small{