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): brighter silence background

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-12-25 21:06:55 +00:00
parent 4694b50d4e
commit a83f50accb
6 changed files with 8 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

@@ -288,7 +288,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
</a>
<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 px-3\\">
<div class=\\"card-header rounded-0 border-bottom-0 px-3\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0\\">
<svg aria-hidden=\\"true\\"

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

@@ -3,7 +3,7 @@
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 px-3\\">
<div class=\\"card-header rounded-0 border-bottom-0 px-3\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0\\">
<svg aria-hidden=\\"true\\"
@@ -86,7 +86,7 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
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 px-3\\">
<div class=\\"card-header rounded-0 border-bottom-0 px-3\\">
<div class=\\"d-flex flex-row\\">
<div class=\\"flex-shrink-0 flex-grow-0\\">
<svg aria-hidden=\\"true\\"

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

@@ -79,7 +79,7 @@ const ManagedSilence = observer(
return (
<MountFade in={true}>
<div className="card my-1 components-managed-silence">
<div className="card-header border-bottom-0 px-3">
<div className="card-header rounded-0 border-bottom-0 px-3">
<SilenceComment
alertStore={alertStore}
cluster={cluster}

4
ui/src/Styles/Components/AlertGroup.scss
View File

@@ -7,10 +7,6 @@
border-style: solid;
}
.components-grid-alertgrid-alertgroup-shared-silence > .card {
background-color: inherit;
}
.card-footer.components-grid-alertgrid-alertgroup-footer {
background-color: $alertgroup-footer-bg;
}

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

@@ -1,7 +1,7 @@
.components-managed-silence {
.card,
.card-header,
.card-body {
&.card,
& > .card-header,
& > .card-body {
background-color: $silence-bg;
}

2
ui/src/Styles/DarkTheme.scss
View File

@@ -71,7 +71,7 @@ $dropdown-bg: darken($gray-800, 2%);
$alert-bg: $list-group-bg;
$alertgroup-body-bg: lighten($gray-700, 5%);
$alertgroup-footer-bg: lighten($gray-700, 2%);
$silence-bg: $gray-900;
$silence-bg: lighten($gray-900, 2%);
$silence-border: $black;
$silence-comment-color: $gray-400;
$accordion-active-bg: $gray-700;