diff --git a/static/css/quay.css b/static/css/quay.css index 1b0716fbc..f6de60079 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -2,6 +2,48 @@ font-family: 'Droid Sans', sans-serif; } +.user-notification { + background: red; +} + +.user-notification.notification-animated { + width: 21px; + + transform: scale(0); + -moz-transform: scale(0); + -webkit-transform: scale(0); + + animation: scaleup 500ms 1; + animation-timing-function: ease-in-out; + animation-fill-mode: forwards; + + -moz-animation: scaleup 500ms 1; + -moz-animation-timing-function: ease-in-out; + -moz-animation-fill-mode: forwards; + + -webkit-animation: scaleup 500ms 1; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-fill-mode: forwards; +} + +@-moz-keyframes scaleup { + 0% { -moz-transform: scale(0); } + 100% { -moz-transform: scale(1); } +} + +@-webkit-keyframes scaleup { + 0% { -webkit-transform: scale(0); } + 100% { -webkit-transform: scale(1); } +} + + +@keyframes scaleup { + 0% { transform: scale(0); } + 100% { transform: scale(1); } +} + + + .repo-circle { position: relative; background: #eee; diff --git a/static/partials/header.html b/static/partials/header.html index 321e08612..a80b3d5d3 100644 --- a/static/partials/header.html +++ b/static/partials/header.html @@ -33,14 +33,14 @@ {{ user.username }} - 1 + 1