public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Connect Data: Make search bar sticky (#61529)

Browse Source
This commit is contained in:
Ana Ivanov
2023-01-17 16:13:05 +02:00
committed by GitHub
parent 67c02f660a
commit 24ef778f4d
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/connections/tabs/ConnectData/Search/Search.tsx
+9 -1
View File
@@ -1,13 +1,21 @@
import { css } from '@emotion/css'; import { css } from '@emotion/css';
import React, { FC } from 'react'; import React, { FC } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { Icon, Input, useStyles2 } from '@grafana/ui'; import { Icon, Input, useStyles2 } from '@grafana/ui';
const getStyles = () => ({ const getStyles = (theme: GrafanaTheme2) => ({
searchContainer: css` searchContainer: css`
display: flex; display: flex;
margin: 16px 0; margin: 16px 0;
justify-content: space-between; justify-content: space-between;
position: sticky;
top: 0;
background-color: ${theme.colors.background.primary};
z-index: 2;
padding: ${theme.spacing(2)};
margin: 0 -${theme.spacing(2)};
`, `,
}); });