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

Merge pull request #1293 from prymitive/fix-tab-badge

Browse Source 
fix(ui): tab badge on silence modal is invisible with dark theme
This commit is contained in:
Łukasz Mierzwa
2019-12-24 00:03:08 +00:00
committed by GitHub
parent f77ccf1407 0b6d2e0360
commit 8325dc1ab2
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/Components/SilenceModal/DateTimeSelect/__snapshots__/index.test.js.snap
View File

@@ -8,7 +8,7 @@ exports[`<DateTimeSelect /> 'Duration' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Starts
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
now
</span>
</span>
@@ -18,7 +18,7 @@ exports[`<DateTimeSelect /> 'Duration' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Ends
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
in 366d
</span>
</span>
@@ -28,7 +28,7 @@ exports[`<DateTimeSelect /> 'Duration' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Duration
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
366d
</span>
</span>
@@ -235,7 +235,7 @@ exports[`<DateTimeSelect /> 'Ends' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Starts
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
now
</span>
</span>
@@ -245,7 +245,7 @@ exports[`<DateTimeSelect /> 'Ends' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Ends
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
in 366d
</span>
</span>
@@ -255,7 +255,7 @@ exports[`<DateTimeSelect /> 'Ends' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Duration
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
366d
</span>
</span>
@@ -688,7 +688,7 @@ exports[`<DateTimeSelect /> 'Starts' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Starts
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
now
</span>
</span>
@@ -698,7 +698,7 @@ exports[`<DateTimeSelect /> 'Starts' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Ends
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
in 366d
</span>
</span>
@@ -708,7 +708,7 @@ exports[`<DateTimeSelect /> 'Starts' tab matches snapshot 1`] = `
<span class=\\"mr-1\\">
Duration
</span>
<span class=\\"badge badge-light\\">
<span class=\\"badge badge-primary\\">
366d
</span>
</span>

2
ui/src/Components/SilenceModal/DateTimeSelect/index.js
View File

@@ -18,7 +18,7 @@ const OffsetBadge = ({ startDate, endDate, prefixLabel }) => {
const minutes = endDate.diff(startDate, "minutes") % 60;
return (
<span className="badge badge-light">
<span className="badge badge-primary">
{days <= 0 && hours <= 0 && minutes <= 0 ? "now" : prefixLabel}
{days > 0 ? `${days}d ` : null}
{hours > 0 ? `${hours}h ` : null}