mark inhibition and silencing in UI
This commit is contained in:
parent
d4e2bdc36f
commit
83c4d596bc
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue