From 8feec04929f17eb99e2f121530b8596966161528 Mon Sep 17 00:00:00 2001 From: JoramWilander Date: Fri, 14 Aug 2015 11:57:13 -0400 Subject: incorporate asaad's UI updates for google sign-up --- web/react/components/signup_user_complete.jsx | 2 +- web/sass-files/sass/partials/_signup.scss | 17 +++++++++++++++++ web/static/images/googleLogo.png | Bin 0 -> 3519 bytes 3 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 web/static/images/googleLogo.png diff --git a/web/react/components/signup_user_complete.jsx b/web/react/components/signup_user_complete.jsx index fd389e21f..0393e0413 100644 --- a/web/react/components/signup_user_complete.jsx +++ b/web/react/components/signup_user_complete.jsx @@ -164,7 +164,7 @@ module.exports = React.createClass({ if (authServices.indexOf(Constants.GOOGLE_SERVICE) >= 0) { signupMessage.push( - + with Google diff --git a/web/sass-files/sass/partials/_signup.scss b/web/sass-files/sass/partials/_signup.scss index 3a6f73316..ddf2aab88 100644 --- a/web/sass-files/sass/partials/_signup.scss +++ b/web/sass-files/sass/partials/_signup.scss @@ -186,6 +186,23 @@ display: inline-block; } } + &.google { + background: #dd4b39; + &:hover { + background: darken(#dd4b39, 10%); + } + span { + vertical-align: middle; + } + .icon { + background: url("../images/googleLogo.png"); + width: 18px; + height: 18px; + margin-right: 8px; + @include background-size(100% 100%); + display: inline-block; + } + } } &.btn-default { color: #444; diff --git a/web/static/images/googleLogo.png b/web/static/images/googleLogo.png new file mode 100644 index 000000000..932d755db Binary files /dev/null and b/web/static/images/googleLogo.png differ -- cgit v1.2.3-1-g7c22