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 #1062 from prymitive/alert-back

Browse Source 
chore(ui): change alert background on hover
This commit is contained in:
Łukasz Mierzwa
2019-10-22 23:05:22 +01:00
committed by GitHub
parent ce96af956d 1266458505
commit 8afffe1c2b
6 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.css
View File

@@ -1,4 +0,0 @@
.list-group-item.components-grid-alertgrid-alertgroup-alert {
border-width: 3px;
line-height: 1rem;
}

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
View File

@@ -17,7 +17,7 @@ import { RenderNonLinkAnnotation, RenderLinkAnnotation } from "../Annotation";
import { Silence } from "../Silence";
import { AlertMenu } from "./AlertMenu";
import "./index.css";
import "./index.scss";
const Alert = observer(
class Alert extends Component {

12
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.scss Normal file
View File

@@ -0,0 +1,12 @@
@import "src/App.scss";
.components-grid-alertgrid-alertgroup-alert {
&:hover {
background-color: $gray-100;
}
&.list-group-item {
border-width: 3px;
line-height: 1rem;
}
}

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

@@ -287,7 +287,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
link
</a>
<div class=\\"components-grid-alertgrid-alertgroup-shared-silence rounded-0 border-left-1 border-right-0 border-top-0 border-bottom-0 border-success \\">
<div class=\\"card mt-1 border-0 p-1\\">
<div class=\\"card mt-1 border-0 p-1 bg-transparent\\">
<div class=\\"card-text mb-0\\">
<span class=\\"text-muted my-1\\">
<span width=\\"0\\">

4
ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
View File

@@ -12,7 +12,7 @@ exports[`<Silence /> matches snapshot when data is not present in alertStore 1`]
exports[`<Silence /> matches snapshot when data is present in alertStore 1`] = `
"
<div class=\\"card mt-1 border-0 p-1\\">
<div class=\\"card mt-1 border-0 p-1 bg-transparent\\">
<div class=\\"card-text mb-0\\">
<span class=\\"text-muted my-1\\">
<span width=\\"0\\">
@@ -77,7 +77,7 @@ exports[`<Silence /> matches snapshot when data is present in alertStore 1`] = `
exports[`<Silence /> matches snapshot with expaned details 1`] = `
"
<div class=\\"card mt-1 border-0 p-1\\">
<div class=\\"card mt-1 border-0 p-1 bg-transparent\\">
<div class=\\"card-text mb-0\\">
<span class=\\"text-muted my-1\\">
<span width=\\"0\\">

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/index.js
View File

@@ -321,7 +321,7 @@ const Silence = inject("alertStore")(
const alertmanager = this.getAlertmanager();
return (
<div className="card mt-1 border-0 p-1">
<div className="card mt-1 border-0 p-1 bg-transparent">
<div className="card-text mb-0">
<span className="text-muted my-1">
<SilenceComment