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

Search: Fix checkbox and row styles (#65515)

Browse Source
This commit is contained in:
Joao Silva
2023-03-30 11:05:44 +02:00
committed by GitHub
parent c65cd5833a
commit a02091cc19
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/grafana-ui/src/components/Forms/Checkbox.tsx
View File

@@ -57,12 +57,13 @@ export const getCheckboxStyles = stylesFactory((theme: GrafanaTheme2) => {
return { return {
wrapper: css` wrapper: css`
display: grid; display: inline-grid;
align-items: center; align-items: center;
column-gap: ${theme.spacing(labelPadding)}; column-gap: ${theme.spacing(labelPadding)};
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
grid-template-rows: auto auto; grid-template-rows: auto auto;
position: relative; position: relative;
vertical-align: middle;
`, `,
input: css` input: css`
position: absolute; position: absolute;

2
public/app/features/search/page/components/SearchResultsTable.tsx
View File

@@ -52,7 +52,7 @@ export const SearchResultsTable = React.memo(
}: SearchResultsProps) => { }: SearchResultsProps) => {
const styles = useStyles2(getStyles); const styles = useStyles2(getStyles);
const columnStyles = useStyles2(getColumnStyles); const columnStyles = useStyles2(getColumnStyles);
const tableStyles = useTableStyles(useTheme2(), TableCellHeight.Md); const tableStyles = useTableStyles(useTheme2(), TableCellHeight.Sm);
const infiniteLoaderRef = useRef<InfiniteLoader>(null); const infiniteLoaderRef = useRef<InfiniteLoader>(null);
const [listEl, setListEl] = useState<FixedSizeList | null>(null); const [listEl, setListEl] = useState<FixedSizeList | null>(null);
const highlightIndex = useSearchKeyboardNavigation(keyboardEvents, 0, response); const highlightIndex = useSearchKeyboardNavigation(keyboardEvents, 0, response);