mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Navigation: wrap dashboard settings actions in ToolbarButtonRow
for responsiveness (#62475)
wrap dashboard actions in toolbarbuttonrow for responsiveness
This commit is contained in:
parent
26866953c1
commit
0a780d978e
@ -4,7 +4,7 @@ import { useLocation } from 'react-router-dom';
|
|||||||
|
|
||||||
import { locationUtil, NavModel, NavModelItem } from '@grafana/data';
|
import { locationUtil, NavModel, NavModelItem } from '@grafana/data';
|
||||||
import { locationService } from '@grafana/runtime';
|
import { locationService } from '@grafana/runtime';
|
||||||
import { Button, PageToolbar } from '@grafana/ui';
|
import { Button, PageToolbar, ToolbarButtonRow } from '@grafana/ui';
|
||||||
import { AppChromeUpdate } from 'app/core/components/AppChrome/AppChromeUpdate';
|
import { AppChromeUpdate } from 'app/core/components/AppChrome/AppChromeUpdate';
|
||||||
import { Page } from 'app/core/components/PageNew/Page';
|
import { Page } from 'app/core/components/PageNew/Page';
|
||||||
import config from 'app/core/config';
|
import config from 'app/core/config';
|
||||||
@ -82,7 +82,7 @@ export function DashboardSettings({ dashboard, editview, pageNav, sectionNav }:
|
|||||||
{actions}
|
{actions}
|
||||||
</PageToolbar>
|
</PageToolbar>
|
||||||
) : (
|
) : (
|
||||||
<AppChromeUpdate actions={actions} />
|
<AppChromeUpdate actions={<ToolbarButtonRow alignment="right">{actions}</ToolbarButtonRow>} />
|
||||||
)}
|
)}
|
||||||
<currentPage.component sectionNav={subSectionNav} dashboard={dashboard} editIndex={editIndex} />
|
<currentPage.component sectionNav={subSectionNav} dashboard={dashboard} editIndex={editIndex} />
|
||||||
</>
|
</>
|
||||||
|
Loading…
Reference in New Issue
Block a user