summaryrefslogtreecommitdiffstats
path: root/app/common/styles/elements
diff options
context:
space:
mode:
authorbeccabroek <beccabroek@gmail.com>2018-11-07 12:22:31 -0600
committerGunnar Mills <gmills@us.ibm.com>2019-07-09 02:01:31 +0000
commit309b5da3750a3a5b189362e31013d2ab9404e806 (patch)
tree8ee262d8b65eb908f9f81e7337cba671a05be99b /app/common/styles/elements
parentd5bf6baa758cb3e822ed6e9842308915b202d44a (diff)
downloadphosphor-webui-309b5da3750a3a5b189362e31013d2ab9404e806.tar.gz
phosphor-webui-309b5da3750a3a5b189362e31013d2ab9404e806.zip
Create certificate management page
Displays certificates and the ability to add up to one of each type of certificate (as limited by the backend implementation). HTTPS certificate and LDAP client cert are implemented in this commit, with the ability to add more types as needed by adding them to the constants.js CERTIFICATE_TYPES array. Also provides the ability to replace a certificate once it is added. Resolves openbmc/phosphor-webui#43 Tested: loaded onto a witherspoon and able to view and replace both the HTTPS certificate and the LDAP certificate. GUI only allows to upload an LDAP certificate if one doesn't already exist. The GUI limits the user to one file per type as expected at this time and provides the appropriate validation messages. Alert messages appear above the table if the certificate is expired or within 30 days of expiring. Change-Id: I345267280ecd3cb257e9304886cde9ebb69b1240 Signed-off-by: beccabroek <beccabroek@gmail.com> Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Diffstat (limited to 'app/common/styles/elements')
-rw-r--r--app/common/styles/elements/alerts.scss12
1 files changed, 10 insertions, 2 deletions
diff --git a/app/common/styles/elements/alerts.scss b/app/common/styles/elements/alerts.scss
index 6242257..8853c70 100644
--- a/app/common/styles/elements/alerts.scss
+++ b/app/common/styles/elements/alerts.scss
@@ -1,10 +1,18 @@
//Fixed alerts
-.alert-danger{
+.alert-danger {
background-color: $alert__danger;
border-color: $critical-lightbg;
border-radius: 0;
- color: #333;
+ color: $black;
+ text-align: left;
+}
+
+.alert-warning {
+ background-color: $warning-lightbg;
+ border-color: $warning-border;
+ border-radius: 0;
+ color: $black;
text-align: left;
}
OpenPOWER on IntegriCloud