diff options
| author |   thuva4 <tharma.thuva@gmail.com> | 2018-04-15 22:14:39 +0530 |
|---|---|---|
| committer | thuva4 <tharma.thuva@gmail.com> | 2018-04-20 15:46:31 +0530 |
| commit | d491fc95409e78d2a28e82487144b3686c680f55 (patch) | |
| tree | d48ff93eb53158230181702d3db757e4bb846c90 /testapi/3rd_party/static | |
| parent | c77cf76cbf31e65aa599f71f33d59abc267b4e50 (diff) | |
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>
Diffstat (limited to 'testapi/3rd_party/static')
| -rw-r--r-- | testapi/3rd_party/static/testapi-ui/assets/css/style.css | 49 |
1 files changed, 49 insertions, 0 deletions
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 |