RepoMirrors
/
prometheus
mirror of https://github.com/prometheus/prometheus
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix overlapping click-targets of alert state checkboxes (#10136) 

using the same margin as checkboxes on top of /graph

Signed-off-by: Victor Häggqvist <victor@snilius.com>
This commit is contained in:
Victor Häggqvist 2022-01-07 10:38:01 +01:00 committed by GitHub
parent 671bb0d5b8
commit 931acc3ee8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/ui/react-app/src/pages/alerts/AlertContents.tsx
View File

@ -63,7 +63,7 @@ const AlertsContent: FC<AlertsProps> = ({ groups = [], statsCount }) => {
return (
<Checkbox
key={state}
wrapperStyles={{ marginRight: 10 }}
wrapperStyles={{ marginRight: 20 }}
checked={filter[state]}
id={`${state}-toggler`}
onChange={toggleFilter(state)}

6
web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
View File

@ -12,7 +12,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
onChange={[Function]}
wrapperStyles={
Object {
"marginRight": 10,
"marginRight": 20,
}
}
>
@ -35,7 +35,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
onChange={[Function]}
wrapperStyles={
Object {
"marginRight": 10,
"marginRight": 20,
}
}
>
@ -58,7 +58,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
onChange={[Function]}
wrapperStyles={
Object {
"marginRight": 10,
"marginRight": 20,
}
}
>