diff options
| author | stanislavh <stanislav.honcharov@sonarsource.com> | 2023-02-10 12:20:50 +0100 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2023-02-10 20:02:45 +0000 |
| commit | 2549a33517216e6b0d15fe8b66db7b0f0d953231 (patch) | |
| tree | 619fce1a3750005284b8892476660f500173f68f /server/sonar-web/src | |
| parent | ad77276288620dce251c7d0e54fdbb76a1c3a105 (diff) | |
| download | sonarqube-2549a33517216e6b0d15fe8b66db7b0f0d953231.tar.gz sonarqube-2549a33517216e6b0d15fe8b66db7b0f0d953231.zip | |
SONAR-18130 Breadcrumb region is missing appropriate roles and/or attributes
Diffstat (limited to 'server/sonar-web/src')
| -rw-r--r-- | server/sonar-web/src/main/js/app/styles/init/lists.css | 9 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx | 19 |
2 files changed, 21 insertions, 7 deletions
diff --git a/server/sonar-web/src/main/js/app/styles/init/lists.css b/server/sonar-web/src/main/js/app/styles/init/lists.css index b61d1d68adb..a6bea0b85bb 100644 --- a/server/sonar-web/src/main/js/app/styles/init/lists.css +++ b/server/sonar-web/src/main/js/app/styles/init/lists.css @@ -46,6 +46,15 @@ ol.list-styled { list-style: none; } +.list-breadcrumbs > li { + display: inline-block; +} + +.list-breadcrumbs > li:not(:first-of-type)::before { + content: '/' / ''; + margin-inline: 3px; +} + ul.list-inline > li, div.list-inline > div { display: inline-block; diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx index c02116e3877..b128ae8bdd8 100644 --- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx +++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx @@ -65,13 +65,18 @@ export default function ProfileHeader(props: Props) { )} /> )} - <div className="note spacer-bottom"> - <NavLink end={true} to={PROFILE_PATH}> - {translate('quality_profiles.page')} - </NavLink> - {' / '} - <Link to={getProfilesForLanguagePath(profile.language)}>{profile.languageName}</Link> - </div> + <nav className="note spacer-bottom" aria-label={translate('breadcrumbs')}> + <ul className="list-breadcrumbs"> + <li> + <NavLink end={true} to={PROFILE_PATH}> + {translate('quality_profiles.page')} + </NavLink> + </li> + <li> + <Link to={getProfilesForLanguagePath(profile.language)}>{profile.languageName}</Link> + </li> + </ul> + </nav> <h1 className="page-title"> <ProfileLink language={profile.language} name={profile.name}> |