diff --git a/external_libraries.py b/external_libraries.py index 549d23850..5cbf53f99 100644 --- a/external_libraries.py +++ b/external_libraries.py @@ -19,7 +19,7 @@ EXTERNAL_JS = [ EXTERNAL_CSS = [ 'netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css', 'netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css', - 'fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700', + 'fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700', 's3.amazonaws.com/cdn.core-os.net/icons/core-icons.css' ] diff --git a/static/css/directives/ui/recovery-form.css b/static/css/directives/ui/recovery-form.css new file mode 100644 index 000000000..69718b44d --- /dev/null +++ b/static/css/directives/ui/recovery-form.css @@ -0,0 +1,8 @@ +.recovery-form-element h4 { + text-align: center; + margin-bottom: 20px; +} + +.recovery-form-element input { + margin-bottom: 10px; +} \ No newline at end of file diff --git a/static/css/directives/ui/signin-form.css b/static/css/directives/ui/signin-form.css new file mode 100644 index 000000000..74a51675b --- /dev/null +++ b/static/css/directives/ui/signin-form.css @@ -0,0 +1,80 @@ +.signin-form-element h4 { + text-align: center; + margin-bottom: 30px; + font-size: 25px; +} + +.signin-form-element input { + font-size: 14px; + padding: 18px; + padding-top: 4px; + padding-bottom: 4px; + margin-bottom: 10px; +} + +.signin-form-element .or-bar { + overflow: hidden; + text-align: center; + font-size: 16px; + color: #CCC8C8; + text-transform: uppercase; + margin-top: 10px; + margin-bottom: 20px; +} + +/* Based on: http://jsfiddle.net/Puigcerber/vLwDf/1/ */ +.signin-form-element .or-bar:before, +.signin-form-element .or-bar:after { + background-color: #ccc; + content: ""; + display: inline-block; + height: 1px; + position: relative; + vertical-align: middle; + width: 50%; +} + +.signin-form-element .or-bar:before { + right: 0.5em; + margin-left: -50%; +} + +.signin-form-element .or-bar:after { + left: 0.5em; + margin-right: -50%; +} + +.signin-form-element .external-logins { + text-align: center; +} + +.signin-form-element .external-login-button { + display: inline-block; + padding: 6px; + margin-left: 15px; + margin-right: 15px; +} + +.signin-form-element .external-login-button a { + color: #40B4E5; +} + +.signin-form-element .external-login-button .login-text { + margin-top: 6px; + display: block; + font-size: 14px; +} + +.signin-form-element .external-logins.smaller .external-login-button .login-text .prefix { + display: none; +} + +.signin-form-element .external-logins.larger .external-login-button .login-text .suffix { + font-weight: 700; +} + + +.signin-form-element .external-login-button i.fa { + font-size: 46px; + width: auto !important; +} diff --git a/static/css/directives/ui/signup-form.css b/static/css/directives/ui/signup-form.css index 1d71692ee..0988e0380 100644 --- a/static/css/directives/ui/signup-form.css +++ b/static/css/directives/ui/signup-form.css @@ -1,17 +1,13 @@ -.signup-form-element { - position: relative; +.signup-form-element h4 { + text-align: center; + margin-bottom: 20px; } -.signup-form-element .co-alert { - color: black; +.signup-form-element label { + font-weight: 600; } -.signup-form-element .single-sign-on a { - font-size: 24px; -} -.signup-form-element .single-sign-on .external-login-button i.fa, -.signup-form-element .single-sign-on .external-login-button img { - width: 30px; - font-size: 24px; +.signup-form-element input { + margin-bottom: 10px; } \ No newline at end of file diff --git a/static/css/directives/ui/user-setup.css b/static/css/directives/ui/user-setup.css new file mode 100644 index 000000000..02a5bbf49 --- /dev/null +++ b/static/css/directives/ui/user-setup.css @@ -0,0 +1,97 @@ +.user-setup-element { + text-align: center; +} + +.user-setup-element .user-setup-element-view { + max-width: 420px; + width: 100%; + text-align: left; + display: inline-block; +} + +.user-setup-element .setup-logo-container { + background-color: white; + display: block; + padding: 10px; + margin-bottom: 20px; + text-align: center; +} + +.user-setup-element .user-setup-content { + background-color: rgba(247, 247, 247, 0.27); + padding: 34px; + padding-top: 20px; + padding-bottom: 20px; + border: 1px solid #eee; +} + +.modal-body .user-setup-element .setup-logo-container { + margin-top: 20px; + margin-bottom: 0px; +} + +.modal-body .user-setup-element .user-setup-content { + background: transparent; + border: 0px; + padding: 0px; +} + +.user-setup-element .user-setup-content .pane-container-container { + overflow: hidden; +} + +.user-setup-element .user-setup-content .pane-container { + white-space: nowrap; + width: 100%; + position: relative; + left: -100%; + + transition: left 350ms ease-in-out; +} + +.user-setup-element .user-setup-content .pane-container.signin { + left: -100%; +} + +.user-setup-element .user-setup-content .pane-container.createAccount { + left: 0%; +} + +.user-setup-element .user-setup-content .pane-container.forgotPassword { + left: -200%; +} + +.user-setup-element .user-setup-content .pane-container .content-pane { + white-space: normal; + display: inline-block; + width: 100%; + vertical-align: middle; + padding: 6px; +} + +.user-setup-element .setup-logo-container img { + max-height: 50px; +} + +.user-setup-element .user-footer-links { + margin-top: 18px; + margin-bottom: 10px; + font-size: 16px; + text-align: center; +} + +.user-setup-element .user-footer-links a { + display: inline-block; + text-decoration: none !important; +} + +.user-setup-element .user-footer-links a:after { + content: "\2022"; + color: #ccc; + padding: 0 5px 0 9px; + text-decoration: none !important; +} + +.user-setup-element .user-footer-links a:last-child:after { + content: ""; +} \ No newline at end of file diff --git a/static/css/quay.css b/static/css/quay.css index 95a712b52..e2938b286 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -1171,10 +1171,6 @@ form input.ng-valid.ng-dirty, border-top: 4px solid #ccc; } -.form-signup input { - margin: 12px; - margin-left: 0px; -} .signin-buttons { text-align: center; @@ -3070,15 +3066,6 @@ p.editable:hover i { margin-top: 10px; } -.form-signin input { - margin-bottom: 20px; -} - -.form-signin { - text-align: center; - margin-bottom: 20px; -} - .social-alternate { color: #777; font-size: 3em; diff --git a/static/directives/external-login-button.html b/static/directives/external-login-button.html index 54ec1db84..da0d94653 100644 --- a/static/directives/external-login-button.html +++ b/static/directives/external-login-button.html @@ -4,10 +4,10 @@ ng-disabled="signingIn"> - - Sign In with {{ providerInfo.title() }} + + Sign in with {{ providerInfo.title() }} - + diff --git a/static/directives/recovery-form.html b/static/directives/recovery-form.html new file mode 100644 index 000000000..0679bb40a --- /dev/null +++ b/static/directives/recovery-form.html @@ -0,0 +1,24 @@ +
+

Please enter the e-mail address for your account to recover it

+
+
+
+
+
+ Account recovery email was sent to {{ recovery.email }}. +
+
{{ errorMessage }}
+
+ The e-mail address {{ sent.orgemail }} is assigned to organization {{ sent.orgname }}. + To access that organization, an admin user must be used. +

+ An e-mail has been sent to + {{ sent.orgemail }} with the full list of admin users. +
+ + +
+
\ No newline at end of file diff --git a/static/directives/signin-form.html b/static/directives/signin-form.html index ccaedc9a9..375551fa2 100644 --- a/static/directives/signin-form.html +++ b/static/directives/signin-form.html @@ -1,35 +1,41 @@