github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(ui): disable tooltips on the overview modal

Browse Source 
These get triggered too often, blocking view of other labels
This commit is contained in:
Łukasz Mierzwa
2019-07-14 19:32:57 +01:00
parent acc8631c61
commit 610e08356e
3 changed files with 18 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/Components/Labels/LabelWithPercent/__snapshots__/index.test.js.snap
View File

@@ -2,12 +2,7 @@
exports[`<LabelWithPercent /> matches snapshot with isActive=true 1`] = `
"
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-3\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
25
@@ -52,12 +47,7 @@ exports[`<LabelWithPercent /> matches snapshot with isActive=true 1`] = `
exports[`<LabelWithPercent /> matches snapshot with offset=0 1`] = `
"
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-1\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
25
@@ -87,12 +77,7 @@ exports[`<LabelWithPercent /> matches snapshot with offset=0 1`] = `
exports[`<LabelWithPercent /> matches snapshot with offset=25 1`] = `
"
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-2\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
25

5
ui/src/Components/Labels/LabelWithPercent/index.js
View File

@@ -8,7 +8,6 @@ import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes";
import { AlertStore } from "Stores/AlertStore";
import { QueryOperators, FormatQuery } from "Common/Query";
import { TooltipWrapper } from "Components/TooltipWrapper";
import { BaseLabel } from "Components/Labels/BaseLabel";
import "./index.scss";
@@ -50,7 +49,7 @@ const LabelWithPercent = inject("alertStore")(
: "bg-success";
return (
<TooltipWrapper title="Click to only show alerts with this label or Alt+Click to hide them">
<div className="d-inline-block mw-100">
<span className={cs.className} style={cs.style}>
<span className="mr-1 px-1 bg-primary text-white components-labelWithPercent-percent">
{hits}
@@ -88,7 +87,7 @@ const LabelWithPercent = inject("alertStore")(
aria-valuemax="100"
/>
</div>
</TooltipWrapper>
</div>
);
}
}

91
ui/src/Components/OverviewModal/__snapshots__/OverviewModalContent.test.js.snap
View File

@@ -34,12 +34,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
<td width=\\"75%\\"
class=\\"mw-100 p-1\\"
>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-1\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
8
@@ -64,12 +59,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-2\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
4
@@ -102,12 +92,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-3\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
4
@@ -156,12 +141,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
<td width=\\"75%\\"
class=\\"mw-100 p-1\\"
>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-4\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -186,12 +166,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-5\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -224,12 +199,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-6\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -262,12 +232,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-7\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -300,12 +265,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-8\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -338,12 +298,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-9\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -376,12 +331,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-10\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -414,12 +364,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-11\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -452,12 +397,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
</div>
</div>
</div>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-12\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-warning components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
1
@@ -509,12 +449,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
<td width=\\"75%\\"
class=\\"mw-100 p-1\\"
>
<div class
style=\\"display: inline-block; max-width: 100%;\\"
data-tooltipped
aria-describedby=\\"tippy-tooltip-13\\"
data-original-title=\\"Click to only show alerts with this label or Alt+Click to hide them\\"
>
<div class=\\"d-inline-block mw-100\\">
<span class=\\"components-label badge badge-dark components-label-dark components-label-with-hover mb-0 pl-0 text-left\\">
<span class=\\"mr-1 px-1 bg-primary text-white components-labelWithPercent-percent\\">
5