changed class name for no-alerts

This commit is contained in:
Patrick O'Carroll 2017-11-02 08:44:09 +01:00
parent 5a26fc252e
commit a433698ddf
2 changed files with 8 additions and 8 deletions

View File

@ -1,7 +1,7 @@
<div class="panel-alert-list" style="{{ctrl.contentHeight}}"> <div class="panel-alert-list" style="{{ctrl.contentHeight}}">
<section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'current'"> <section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'current'">
<ol class="card-list"> <ol class="card-list">
<div class="no-alert" ng-style="{'height': + ctrl.panelHeight + 'px'}" ng-show="!ctrl.currentAlerts.length"> <div class="alert-list-no-alerts" ng-style="{'height': + ctrl.panelHeight + 'px'}" ng-show="!ctrl.currentAlerts.length">
<p class="alert-list-title"> <p class="alert-list-title">
No alerts in selected interval No alerts in selected interval
</p> </p>

View File

@ -91,6 +91,13 @@
align-items: flex-end; align-items: flex-end;
} }
.alert-list-no-alerts {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.panel-has-alert { .panel-has-alert {
.panel-alert-icon:before { .panel-alert-icon:before {
content: "\e611"; content: "\e611";
@ -132,13 +139,6 @@
} }
} }
.no-alert {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
@keyframes alerting-panel { @keyframes alerting-panel {
100% { 100% {
opacity: 1; opacity: 1;