mark inhibition and silencing in UI

This commit is contained in:
Fabian Reinartz 2015-11-09 14:41:06 +01:00
parent d4e2bdc36f
commit 83c4d596bc
2 changed files with 10 additions and 2 deletions

View File

@ -52,7 +52,7 @@ header #logo {
cursor: pointer;
}
.silence .labels, .alert-item .labels {
width: 75%;
width: 65%;
}
.alert-group-header {
@ -117,7 +117,7 @@ header #logo {
margin: 0 2px 2px 0;
font-family: Menlo, Monaco, Consolas, Courier, monospace;
border: 1px solid #ccc;
border-radius: 3px;
border-radius: 2px;
background: #555;
color: #fff;
}
@ -130,6 +130,11 @@ header #logo {
border: 1px solid #555 !important;
}
.muted-lbl {
background: #FFCC00;
color: #555;
}
.annotations {
white-space: pre-wrap !important;
}

View File

@ -9,6 +9,9 @@
</div>
<div class="right">
<div ng-show="alert.inhibited" class="left lbl muted-lbl">inhibited</div>
<div ng-show="alert.silenced" class="left lbl muted-lbl">silenced by {{ alert.silenced }}</div>
<button type="black" disabled small>Since {{ alert.startsAt | amCalendar }}</button>
<button class="silence-button" type="secondary" ng-click="toggleSilenceForm()" small upper>Silence</button>
</div>