Login style - extends same style to some more login pages - Githubissues

empowerhack / DrawMyLife-Service

API and Admin system for the Draw My Life initiative - Volunteers: check README and GitHub Projects to get started.

https://github.com/empowerhack/DrawMyLife-Service/projects

MIT License

13 stars 0 forks source link

Login style - extends same style to some more login pages #139

Closed steverabino closed 7 years ago

steverabino commented 7 years ago

What this does

[x] Applies login-page styles to all non-logged in pages
[x] Updates login background picture styling to cope with long pages
- Using technique found here: https://css-tricks.com/perfect-full-page-background-image/#article-header-id-0
[x] Refactored solution to take advantage of a shared layout

Screenshots

Forgotten Password page

Before	After	Mobile (iPhone 6)

Resend Confirmation page

Before	After	Mobile (iPhone 6)

Account Activation page

Before	After	Mobile (iPhone 6)

Change Password page

Before	After	Mobile (iPhone 6)

Edit Profile page

Changed styling on form elements to match larger styles on other forms

Before	After	Mobile (iPhone 6)

Fix background image styling

Before	After	Mobile (iPhone 6)

tanyapowell commented 7 years ago

@stevesmith2609 do you mind attaching screengrabs of how these changes look on mobile devices?

steverabino commented 7 years ago

Done. Also noticed on mobile that some of the wording on buttons was being cut off, so have reduced the amount of wording on a couple of buttons:

"Resend confirmation instructions" => "Resend instructions"

"Send me reset password instructions" => "Reset my password" N.B. Flash message explains email is being sent