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

Merge pull request #1112 from prymitive/tweak-silence-browser

Browse Source 
fix(ui): cleanup colors on silence comments
This commit is contained in:
Łukasz Mierzwa
2019-10-31 20:03:20 +00:00
committed by GitHub
parent a901f91a1f 560e1e2cf3
commit b54ec0b765
4 changed files with 14 additions and 7 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

@@ -307,7 +307,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
</svg>
</div>
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic text-truncate overflow-hidden\\">
<div class=\\"font-italic text-dark text-truncate overflow-hidden\\">
Mocked Silence
</div>
<div class=\\"components-managed-silence-cite\\">

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

@@ -22,7 +22,14 @@ const SilenceComment = ({
alertStore
}) => {
const comment = silence.jiraURL ? (
<a href={silence.jiraURL} target="_blank" rel="noopener noreferrer">
<a
href={silence.jiraURL}
target="_blank"
rel="noopener noreferrer"
className={
collapsed ? "text-dark mw-100 text-truncate d-block" : "text-dark"
}
>
<FontAwesomeIcon className="mr-2" icon={faExternalLinkAlt} />
{silence.comment}
</a>
@@ -38,7 +45,7 @@ const SilenceComment = ({
</div>
<div className="mx-2 flex-shrink-1 flex-grow-1 mw-1p">
<div
className={`font-italic ${
className={`font-italic text-dark ${
collapsed ? "text-truncate overflow-hidden" : ""
}`}
>

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

@@ -20,7 +20,7 @@ exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
</svg>
</div>
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic text-truncate overflow-hidden\\">
<div class=\\"font-italic text-dark text-truncate overflow-hidden\\">
Mocked Silence
</div>
<div class=\\"components-managed-silence-cite\\">
@@ -89,7 +89,7 @@ exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
</svg>
</div>
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic \\">
<div class=\\"font-italic text-dark \\">
Mocked Silence
</div>
<div class=\\"components-managed-silence-cite\\">

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

@@ -22,7 +22,7 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
</svg>
</div>
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic text-truncate overflow-hidden\\">
<div class=\\"font-italic text-dark text-truncate overflow-hidden\\">
Mocked Silence
</div>
<div class=\\"components-managed-silence-cite\\">
@@ -105,7 +105,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
</svg>
</div>
<div class=\\"mx-2 flex-shrink-1 flex-grow-1 mw-1p\\">
<div class=\\"font-italic \\">
<div class=\\"font-italic text-dark \\">
Mocked Silence
</div>
<div class=\\"components-managed-silence-cite\\">