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

fix(ui): fix matcher overflowing parent of silence details

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-10-28 10:38:59 +00:00
parent daeffb59d4
commit 2c8db31fe5
5 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
View File

@@ -313,7 +313,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
<div class=\\"flex-shrink-1 flex-grow-1 components-managed-silence-cite\\">
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p components-managed-silence-cite\\">
<span class=\\"text-muted mr-2 font-italic\\">
— me@example.com
</span>

2
ui/src/Components/ManagedSilence/SilenceComment.js
View File

@@ -42,7 +42,7 @@ const SilenceComment = ({
</div>
</div>
<div className="pt-1 d-flex flex-row justify-content-between">
<div className="flex-shrink-1 flex-grow-1 components-managed-silence-cite">
<div className="flex-shrink-1 flex-grow-1 mw-1p components-managed-silence-cite">
<span className="text-muted mr-2 font-italic">
&mdash; {silence.createdBy}
</span>

6
ui/src/Components/ManagedSilence/SilenceDetails.js
View File

@@ -42,7 +42,7 @@ const SilenceDetails = ({
return (
<div className="mt-1">
<div className="d-flex flex-fill flex-lg-row flex-column justify-content-between">
<div className="flex-shrink-1 flex-grow-1">
<div className="flex-shrink-1 flex-grow-1 mw-1p">
<div>
<span className="badge px-1 mr-1 components-label">
<FontAwesomeIcon
@@ -91,7 +91,7 @@ const SilenceDetails = ({
</span>
</div>
<div
className="flex-shrink-1 flex-grow-1"
className="flex-shrink-1 flex-grow-1 mw-1p"
style={{ minWidth: "0px" }}
>
{silence.matchers.map(matcher => (
@@ -109,7 +109,7 @@ const SilenceDetails = ({
</div>
</div>
</div>
<div className="flex-shrink-0 flex-grow-0 mt-lg-0 mt-2">
<div className="flex-shrink-0 flex-grow-0 mt-lg-0 mt-2 ml-lg-2 ml-0">
<div className="d-flex flex-fill flex-lg-column flex-row justify-content-around">
<button
className="btn btn-outline-secondary btn-sm mb-lg-2 mb-0"

4
ui/src/Components/ManagedSilence/__snapshots__/SilenceComment.test.js.snap
View File

@@ -26,7 +26,7 @@ exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
<div class=\\"flex-shrink-1 flex-grow-1 components-managed-silence-cite\\">
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p components-managed-silence-cite\\">
<span class=\\"text-muted mr-2 font-italic\\">
— me@example.com
</span>
@@ -83,7 +83,7 @@ exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
<div class=\\"flex-shrink-1 flex-grow-1 components-managed-silence-cite\\">
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p components-managed-silence-cite\\">
<span class=\\"text-muted mr-2 font-italic\\">
— me@example.com
</span>

10
ui/src/Components/ManagedSilence/__snapshots__/index.test.js.snap
View File

@@ -28,7 +28,7 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
<div class=\\"flex-shrink-1 flex-grow-1 components-managed-silence-cite\\">
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p components-managed-silence-cite\\">
<span class=\\"text-muted mr-2 font-italic\\">
— me@example.com
</span>
@@ -99,7 +99,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
</div>
</div>
<div class=\\"pt-1 d-flex flex-row justify-content-between\\">
<div class=\\"flex-shrink-1 flex-grow-1 components-managed-silence-cite\\">
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p components-managed-silence-cite\\">
<span class=\\"text-muted mr-2 font-italic\\">
— me@example.com
</span>
@@ -125,7 +125,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
<div class=\\"card-body pt-0\\">
<div class=\\"mt-1\\">
<div class=\\"d-flex flex-fill flex-lg-row flex-column justify-content-between\\">
<div class=\\"flex-shrink-1 flex-grow-1\\">
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\">
<div>
<span class=\\"badge px-1 mr-1 components-label\\">
<svg aria-hidden=\\"true\\"
@@ -228,7 +228,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
Matchers:
</span>
</div>
<div class=\\"flex-shrink-1 flex-grow-1\\"
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\"
style=\\"min-width: 0px;\\"
>
<span class=\\"badge badge-light px-1 mr-1 components-label\\">
@@ -240,7 +240,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
</div>
</div>
</div>
<div class=\\"flex-shrink-0 flex-grow-0 mt-lg-0 mt-2\\">
<div class=\\"flex-shrink-0 flex-grow-0 mt-lg-0 mt-2 ml-lg-2 ml-0\\">
<div class=\\"d-flex flex-fill flex-lg-column flex-row justify-content-around\\">
<button class=\\"btn btn-outline-secondary btn-sm mb-lg-2 mb-0\\">
<svg aria-hidden=\\"true\\"