diff options
| author |   Serena Feng <feng.xiaowei@zte.com.cn> | 2018-04-23 01:50:01 +0000 |
|---|---|---|
| committer |   Gerrit Code Review <gerrit@opnfv.org> | 2018-04-23 01:50:01 +0000 |
| commit | 3f6dee8c7a9ad0c3cc30fb28b329d8ad09cbc59e (patch) | |
| tree | bad1f51f5ba4439c6ca87705a6554f134b79b617 /testapi/3rd_party/static/testapi-ui/assets/css/style.css | |
| parent | 979f52bde489317e114f493d4b16838dfb28be1f (diff) | |
| parent | d491fc95409e78d2a28e82487144b3686c680f55 (diff) | |
Merge "Add toast message in pods page"
Diffstat (limited to 'testapi/3rd_party/static/testapi-ui/assets/css/style.css')
| -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 |