| Index: runtime/observatory/lib/src/elements/css/shared.css
|
| diff --git a/runtime/observatory/lib/src/elements/css/shared.css b/runtime/observatory/lib/src/elements/css/shared.css
|
| index 1659ce922d56784ca03b6bc8775ccdc20f2c4f98..6fe3b508a4345344283001e11eec017f322e79f1 100644
|
| --- a/runtime/observatory/lib/src/elements/css/shared.css
|
| +++ b/runtime/observatory/lib/src/elements/css/shared.css
|
| @@ -219,6 +219,12 @@ hr {
|
| flex-basis: 40%;
|
| }
|
|
|
| +.flex-item-45-percent {
|
| + flex-grow: 0;
|
| + flex-shrink: 0;
|
| + flex-basis: 45%;
|
| +}
|
| +
|
| .flex-item-50-percent {
|
| flex-grow: 0;
|
| flex-shrink: 0;
|
| @@ -243,6 +249,12 @@ hr {
|
| flex-basis: 80%;
|
| }
|
|
|
| +.flex-item-90-percent {
|
| + flex-grow: 0;
|
| + flex-shrink: 0;
|
| + flex-basis: 90%;
|
| +}
|
| +
|
| .well {
|
| min-height: 20px;
|
| padding: 19px;
|
| @@ -267,7 +279,7 @@ body.busy, body.busy * {
|
|
|
| .shadow {
|
| box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16),
|
| - 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
| + 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
| }
|
|
|
| @-webkit-keyframes fadeIn {
|
| @@ -284,3 +296,45 @@ body.busy, body.busy * {
|
| 0% { opacity: 0; }
|
| 100% { opacity: 1; }
|
| }
|
| +
|
| +@-webkit-keyframes shake {
|
| + 0%, 100% {
|
| + -webkit-transform: translate3d(0, 0, 0);
|
| + transform: translate3d(0, 0, 0);
|
| + }
|
| +
|
| + 10%, 30%, 50%, 70%, 90% {
|
| + -webkit-transform: translate3d(-10px, 0, 0);
|
| + transform: translate3d(-10px, 0, 0);
|
| + }
|
| +
|
| + 20%, 40%, 60%, 80% {
|
| + -webkit-transform: translate3d(10px, 0, 0);
|
| + transform: translate3d(10px, 0, 0);
|
| + }
|
| +}
|
| +
|
| +@keyframes shake {
|
| + 0%, 100% {
|
| + -webkit-transform: translate3d(0, 0, 0);
|
| + -ms-transform: translate3d(0, 0, 0);
|
| + transform: translate3d(0, 0, 0);
|
| + }
|
| +
|
| + 10%, 30%, 50%, 70%, 90% {
|
| + -webkit-transform: translate3d(-10px, 0, 0);
|
| + -ms-transform: translate3d(-10px, 0, 0);
|
| + transform: translate3d(-10px, 0, 0);
|
| + }
|
| +
|
| + 20%, 40%, 60%, 80% {
|
| + -webkit-transform: translate3d(10px, 0, 0);
|
| + -ms-transform: translate3d(10px, 0, 0);
|
| + transform: translate3d(10px, 0, 0);
|
| + }
|
| +}
|
| +
|
| +.shake {
|
| + animation: shake 0.5s;
|
| + -webkit-animation: shake 0.5s;
|
| +}
|
|
|