From d491fc95409e78d2a28e82487144b3686c680f55 Mon Sep 17 00:00:00 2001
From: thuva4 <tharma.thuva@gmail.com>
Date: Sun, 15 Apr 2018 22:14:39 +0530
Subject: Add toast message in pods page

User can view the error/success message in
any part of the web page.

JIRA: RELENG-392

Change-Id: If2564bec92b17cecb847bccfee8a57979d23b45c
Signed-off-by: thuva4 <tharma.thuva@gmail.com>
---
 .../static/testapi-ui/assets/css/style.css         | 49 ++++++++++++++++++++++
 1 file changed, 49 insertions(+)

(limited to 'testapi/3rd_party/static')

diff --git a/testapi/3rd_party/static/testapi-ui/assets/css/style.css b/testapi/3rd_party/static/testapi-ui/assets/css/style.css
index fb21399..222911c 100644
--- a/testapi/3rd_party/static/testapi-ui/assets/css/style.css
+++ b/testapi/3rd_party/static/testapi-ui/assets/css/style.css
@@ -292,4 +292,53 @@ json-tree .key {
 
 json-tree .leaf-value{
   word-break: normal!important;
+}
+
+#toast {
+  visibility: hidden;
+  min-width: 250px;
+  margin-left: -125px;
+  color: #fff;
+  text-align: center;
+  border-radius: 10px;
+  padding: 16px;
+  position: fixed;
+  z-index: 1;
+  left: 50%;
+  bottom: 30px;
+}
+
+#toast.error{
+  background-color: #B03838;
+}
+
+#toast.success{
+  background-color: #1A911E;
+}
+
+#toast.show {
+  visibility: visible;
+
+  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+  animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+
+@-webkit-keyframes fadein {
+  from {bottom: 0; opacity: 0;}
+  to {bottom: 30px; opacity: 1;}
+}
+
+@keyframes fadein {
+  from {bottom: 0; opacity: 0;}
+  to {bottom: 30px; opacity: 1;}
+}
+
+@-webkit-keyframes fadeout {
+  from {bottom: 30px; opacity: 1;}
+  to {bottom: 0; opacity: 0;}
+}
+
+@keyframes fadeout {
+  from {bottom: 30px; opacity: 1;}
+  to {bottom: 0; opacity: 0;}
 }
\ No newline at end of file
-- 
cgit 1.2.3-korg