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

fix(ui): avoid overflows on silence component

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-10-27 09:00:03 +00:00
parent 40eedc8156
commit 490e0f43de
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -289,9 +289,9 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
<div class=\\"components-grid-alertgrid-alertgroup-shared-silence rounded-0 border-0\\">
<div class=\\"card my-1 components-managed-silence components-animation-fade-appear components-animation-fade-appear-active\\">
<div class=\\"card-header border-bottom-0\\">
<div class=\\"d-flex flex-row justify-content-between\\">
<div class=\\"d-flex flex-row justify-content-between mw-100\\">
<div class=\\"flex-grow-1 flex-shrink-1 mr-2\\">
<span class=\\"my-1\\">
<div class=\\"my-1\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
@@ -335,7 +335,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
</span>
</div>
</div>
</span>
</div>
</div>
<div class=\\"flex-grow-0 flex-shrink-0 mt-auto mb-0\\">
<svg aria-hidden=\\"true\\"

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

@@ -4,9 +4,9 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
"
<div class=\\"card my-1 components-managed-silence components-animation-fade-appear components-animation-fade-appear-active\\">
<div class=\\"card-header border-bottom-0\\">
<div class=\\"d-flex flex-row justify-content-between\\">
<div class=\\"d-flex flex-row justify-content-between mw-100\\">
<div class=\\"flex-grow-1 flex-shrink-1 mr-2\\">
<span class=\\"my-1\\">
<div class=\\"my-1\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
@@ -60,7 +60,7 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
</span>
</div>
</div>
</span>
</div>
</div>
<div class=\\"flex-grow-0 flex-shrink-0 mt-auto mb-0\\">
<svg aria-hidden=\\"true\\"
@@ -88,9 +88,9 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
"
<div class=\\"card my-1 components-managed-silence components-animation-fade-appear components-animation-fade-appear-active\\">
<div class=\\"card-header border-bottom-0\\">
<div class=\\"d-flex flex-row justify-content-between\\">
<div class=\\"d-flex flex-row justify-content-between mw-100\\">
<div class=\\"flex-grow-1 flex-shrink-1 mr-2\\">
<span class=\\"my-1\\">
<div class=\\"my-1\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0 mr-2\\">
<svg aria-hidden=\\"true\\"
@@ -128,7 +128,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
</span>
</div>
</div>
</span>
</div>
</div>
<div class=\\"flex-grow-0 flex-shrink-0 mt-auto mb-0\\">
<svg aria-hidden=\\"true\\"

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

@@ -74,14 +74,14 @@ const ManagedSilence = observer(
<MountFade in={true}>
<div className="card my-1 components-managed-silence">
<div className="card-header border-bottom-0">
<div className="d-flex flex-row justify-content-between">
<div className="d-flex flex-row justify-content-between mw-100">
<div className="flex-grow-1 flex-shrink-1 mr-2">
<span className="my-1">
<div className="my-1">
<SilenceComment
silence={silence}
collapsed={this.collapse.value}
/>
</span>
</div>
</div>
<div className="flex-grow-0 flex-shrink-0 mt-auto mb-0">
<FontAwesomeIcon