fix(ui): fix help tab css

This commit is contained in:
Łukasz Mierzwa
2021-06-29 20:27:35 +01:00
committed by Łukasz Mierzwa
parent 1fa6207a66
commit 7184908d73
3 changed files with 16 additions and 16 deletions
+2 -2
View File
@@ -34,7 +34,7 @@ const QueryHelp: FC<{
}> = ({ title, operators, warning, children }) => (
<>
<dt>{title}</dt>
<dd className="mb-5">
<dd>
<div>
Supported operators:{" "}
{operators.map((op) => (
@@ -44,7 +44,7 @@ const QueryHelp: FC<{
))}
</div>
{warning ? (
<div className="my-1 alert alert-secondary">
<div className="my-1 alert alert-secondary p-2">
<FontAwesomeIcon icon={faInfoCircle} className="me-1" />
{warning}
</div>
@@ -158,7 +158,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on any label
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -316,7 +316,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the Alertmanager instance name they were collected from
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -383,7 +383,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the Alertmanager cluster name
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -450,7 +450,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the receiver name
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -509,7 +509,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the state
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -568,7 +568,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the Alertmanager alert fingerprint
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -615,7 +615,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match suppressed alerts based on the silence ID
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -662,7 +662,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the author of silence
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -729,7 +729,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on the ticket IDs detected in the silence comment
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
@@ -745,7 +745,7 @@ exports[`<Help /> matches snapshot 1`] = `
!~
</kbd>
</div>
<div class=\\"my-1 alert alert-secondary\\">
<div class=\\"my-1 alert alert-secondary p-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -813,14 +813,14 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Limit number of displayed alerts
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
=
</kbd>
</div>
<div class=\\"my-1 alert alert-secondary\\">
<div class=\\"my-1 alert alert-secondary p-2\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -856,7 +856,7 @@ exports[`<Help /> matches snapshot 1`] = `
<dt>
Match alerts based on creation timestamp
</dt>
<dd class=\\"mb-5\\">
<dd>
<div>
Supported operators:
<kbd class=\\"me-1\\">
+1 -1
View File
@@ -21,7 +21,7 @@
//@import "bootstrap/scss/breadcrumb";
@import "bootstrap/scss/pagination";
@import "bootstrap/scss/badge";
//@import "bootstrap/scss/alert";
@import "bootstrap/scss/alert";
@import "bootstrap/scss/progress";
@import "bootstrap/scss/list-group";
@import "bootstrap/scss/close";