IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

SingleTopNav: Fix tab order for docked menu (#94306)

Browse Source 
fix tab order for docked menu when singleTopNav is enabled
This commit is contained in:
Ashley Harrison
2024-10-07 11:16:30 +01:00
committed by GitHub
parent 0c8433c9e5
commit d04dcb3da0
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/app/core/components/AppChrome/AppChrome.tsx
View File

@@ -92,6 +92,9 @@ export function AppChrome({ children }: Props) {
<LinkButton className={styles.skipLink} href="#pageContent"> <LinkButton className={styles.skipLink} href="#pageContent">
Skip to main content Skip to main content
</LinkButton> </LinkButton>
{isSingleTopNav && menuDockedAndOpen && (
<MegaMenu className={styles.dockedMegaMenu} onClose={() => chrome.setMegaMenuOpen(false)} />
)}
<header className={cx(styles.topNav, isSingleTopNav && menuDockedAndOpen && styles.topNavMenuDocked)}> <header className={cx(styles.topNav, isSingleTopNav && menuDockedAndOpen && styles.topNavMenuDocked)}>
{isSingleTopNav ? ( {isSingleTopNav ? (
<SingleTopBar <SingleTopBar
@@ -119,7 +122,7 @@ export function AppChrome({ children }: Props) {
)} )}
<div className={contentClass}> <div className={contentClass}>
<div className={styles.panes}> <div className={styles.panes}>
{menuDockedAndOpen && ( {!isSingleTopNav && menuDockedAndOpen && (
<MegaMenu className={styles.dockedMegaMenu} onClose={() => chrome.setMegaMenuOpen(false)} /> <MegaMenu className={styles.dockedMegaMenu} onClose={() => chrome.setMegaMenuOpen(false)} />
)} )}
{!state.chromeless && ( {!state.chromeless && (