diff options
| author | Dixsie Wolmers <dixsiew@gmail.com> | 2019-09-09 14:42:27 -0500 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2019-09-19 18:56:09 +0000 |
| commit | 1a2bd74d8fa38f0848eca12759e03d162c09d236 (patch) | |
| tree | c5c8ea9d06fa264add4ce3a12aff1efc509e7033 /app/common | |
| parent | db1e89edef8aca03f926a62e54390e5110d26a19 (diff) | |
| download | phosphor-webui-1a2bd74d8fa38f0848eca12759e03d162c09d236.tar.gz phosphor-webui-1a2bd74d8fa38f0848eca12759e03d162c09d236.zip | |
Certificate management alert icons implementation and alignment
- Replaces background image icons with icon directive
- Sizes and aligns icons in certificate table
TODO:
- Remove critical icon background image in separate commit
Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com>
Change-Id: I2e10bc3f3432331b6dd9354dbcd0e32480894ece
Diffstat (limited to 'app/common')
| -rw-r--r-- | app/common/directives/certificate.html | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/app/common/directives/certificate.html b/app/common/directives/certificate.html index 2b7d9b7..1a7d091 100644 --- a/app/common/directives/certificate.html +++ b/app/common/directives/certificate.html @@ -24,8 +24,16 @@ Valid until: </div> <div class="certificate__status-cell"> - <span class="inline" ng-class="{'icon__warning certificate__table__icon' : cert.isExpiring , 'icon__critical certificate__table__icon' : cert.isExpired}" - ng-if="cert.isExpired || cert.isExpiring"></span> + <icon file="icon-critical.svg" + aria-label="certificate has expired" + class="certificate__status-icon" + ng-if="cert.isExpired"> + </icon> + <icon file="icon-warning.svg" + aria-label="certificate will expire soon" + class="certificate__status-icon" + ng-if="cert.isExpiring"> + </icon> </div> <div class="certificate__date-cell"> {{cert.ValidNotAfter | date:medium}} |
