github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-15 04:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix ui animations

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-05-21 11:37:42 +01:00
committed by Łukasz Mierzwa
parent 63c3578815
commit bfc453a9d5
3 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -152,7 +152,11 @@ const SilenceDetails: FC<{
{silence.matchers.map((matcher, index) => (
<span
key={`${index}/${matcher.name}/${matcher.isRegex}/${matcher.value}`}
className="badge bg-primary px-1 me-1 components-label"
className={`badge ${
matcher.isEqual
? "silence-matcher-equal"
: "silence-matcher-negative"
} px-1 me-1 components-label`}
>
{matcher.name}
{MatcherToOperator(matcher)}"{matcher.value}"

8
ui/src/Components/ManagedSilence/__snapshots__/index.test.tsx.snap
View File

@@ -278,16 +278,16 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
<div class=\\"flex-shrink-1 flex-grow-1 mw-1p\\"
style=\\"min-width: 0px;\\"
>
<span class=\\"badge bg-primary px-1 me-1 components-label\\">
<span class=\\"badge silence-matcher-equal px-1 me-1 components-label\\">
regex=~\\"equal\\"
</span>
<span class=\\"badge bg-primary px-1 me-1 components-label\\">
<span class=\\"badge silence-matcher-negative px-1 me-1 components-label\\">
regex!~\\"notEqual\\"
</span>
<span class=\\"badge bg-primary px-1 me-1 components-label\\">
<span class=\\"badge silence-matcher-equal px-1 me-1 components-label\\">
notRegex=\\"equal\\"
</span>
<span class=\\"badge bg-primary px-1 me-1 components-label\\">
<span class=\\"badge silence-matcher-negative px-1 me-1 components-label\\">
notRegex!=\\"notEqual\\"
</span>
</div>

7
ui/src/Styles/Components/ManagedSilence.scss
View File

@@ -17,6 +17,13 @@
.silence-id {
color: $silence-id;
}
.silence-matcher-equal {
background-color: #006a4e;
}
.silence-matcher-negative {
background-color: #c60c30;
}
}
.components-managed-silence-icon {