Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS for Smaller Screens #200

Closed
14 tasks done
clash99 opened this issue May 18, 2016 · 18 comments
Closed
14 tasks done

CSS for Smaller Screens #200

clash99 opened this issue May 18, 2016 · 18 comments
Assignees
@clash99
Milestone
Version 0.1

Comments

@clash99
Copy link
Contributor

clash99 commented May 18, 2016 •
edited
Loading

Made css adjustments to accommodate smaller screens.

  • Dashboard
  • Project Index
  • Project Overview
  • Project Resources
  • Organization Index
  • Organization Overview
  • Organization Members
  • Organization Members - Edit
  • Sign In
  • Register
  • Update Profile
  • Change Password
  • Reset your password
  • User List

I'm attaching screenshots here from FF viewpoint to catalog what I'm seeing in case someone is seeing something vastly different. This is my first pass at responsive css for the platform so I will need to make some adjustments once released on different mobile devices, more browsers, etc...
@clash99 clash99 self-assigned this May 18, 2016
@seav
Copy link
Contributor

seav commented May 20, 2016

When the screen is small, the links to Projects, Organizations, and Users disappear. Is this intended to be fixed here?

@wonderchook wonderchook added this to the Version 0.1 milestone Jun 15, 2016
@wonderchook
Copy link
Contributor

@clash99 is this complete?

@clash99
Copy link
Contributor Author

clash99 commented Jun 17, 2016 •
edited
Loading

Nope, I will work to finalize remaining css pages in desktop - wizards and modals - and then work on css adjustments for smaller screens.

@clash99 clash99 mentioned this issue Jun 17, 2016
Closed
@clash99
Copy link
Contributor Author

clash99 commented Jun 21, 2016 •
edited
Loading

Responsive Screenshots: Dashboard

screenshot 2016-06-21 10 58 21
screenshot 2016-06-21 11 38 08
screenshot 2016-06-21 11 39 15
screenshot 2016-06-21 11 39 23
screenshot 2016-06-21 11 40 24

screenshot 2016-06-21 11 02 05

@seav
Copy link
Contributor

seav commented Jun 21, 2016

As an OSM volunteer who has seen how other OSM volunteers become quite sensitive to the lack of attribution to OSM, the mobile landscape should still have the map attribution somehow.

@clash99
Copy link
Contributor Author

clash99 commented Jun 21, 2016

Responsive Screenshots: Project Index

screenshot 2016-06-21 12 34 39

![screenshot 2016-06-21 12 40 32](https://cloud.githubusercontent.com/assets/1119621/16240186/ed979efa-37ad-11e6-903f-10d5f5851881.png) ![screenshot 2016-06-21 12 40 38](https://cloud.githubusercontent.com/assets/1119621/16240195/fa199fca-37ad-11e6-9db8-8d152e9610c4.png) ![screenshot 2016-06-21 12 40 45](https://cloud.githubusercontent.com/assets/1119621/16240193/fa112dfe-37ad-11e6-8261-e597fa78245d.png) ![screenshot 2016-06-21 12 40 51](https://cloud.githubusercontent.com/assets/1119621/16240194/fa12f774-37ad-11e6-8d38-803192803d8d.png) ![screenshot 2016-06-21 12 43 58](https://cloud.githubusercontent.com/assets/1119621/16240202/00135cf4-37ae-11e6-9f76-624b183bac06.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 21, 2016

Responsive Screenshots: Project Overview

screenshot 2016-06-21 18 42 07

![screenshot 2016-06-21 18 42 29](https://cloud.githubusercontent.com/assets/1119621/16250093/41f72c2c-37e0-11e6-93e2-7c24a7ef9f21.png) ![screenshot 2016-06-21 18 48 06](https://cloud.githubusercontent.com/assets/1119621/16250171/dffeb19c-37e0-11e6-86f1-8e6c27a1ec62.png) ![screenshot 2016-06-21 18 48 14](https://cloud.githubusercontent.com/assets/1119621/16250172/e007e3d4-37e0-11e6-8b62-e9292f02d817.png) ![screenshot 2016-06-21 18 48 24](https://cloud.githubusercontent.com/assets/1119621/16250174/e015fcf8-37e0-11e6-8385-858bad37fc30.png) ![screenshot 2016-06-21 18 48 31](https://cloud.githubusercontent.com/assets/1119621/16250173/e011fa7c-37e0-11e6-9845-1024722ad730.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Project Resources

screenshot 2016-06-21 19 41 28

![screenshot 2016-06-21 19 42 49](https://cloud.githubusercontent.com/assets/1119621/16251070/a134647c-37e8-11e6-8154-52f1d0576d9c.png) ![screenshot 2016-06-21 19 42 56](https://cloud.githubusercontent.com/assets/1119621/16251072/a134dc72-37e8-11e6-8cfe-867469987989.png) ![screenshot 2016-06-21 19 43 02](https://cloud.githubusercontent.com/assets/1119621/16251074/a1418620-37e8-11e6-97fb-7704f2e6f210.png) ![screenshot 2016-06-21 19 43 11](https://cloud.githubusercontent.com/assets/1119621/16251073/a1350efe-37e8-11e6-847a-a26b61e416e0.png) ![screenshot 2016-06-21 19 43 18](https://cloud.githubusercontent.com/assets/1119621/16251071/a134dfd8-37e8-11e6-9473-4dc9c8bd3b5b.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016 •
edited
Loading

Responsive Screenshots: Organization Index

screenshot 2016-06-21 19 50 37

![screenshot 2016-06-22 10 53 23](https://cloud.githubusercontent.com/assets/1119621/16273545/a7d7086e-3867-11e6-9fa5-c1b84e9044ae.png) ![screenshot 2016-06-22 10 53 28](https://cloud.githubusercontent.com/assets/1119621/16273546/a7da2d00-3867-11e6-9442-305a433c21e6.png) ![screenshot 2016-06-22 10 53 36](https://cloud.githubusercontent.com/assets/1119621/16273543/a7d5f226-3867-11e6-8ecd-84a9d2140479.png) ![screenshot 2016-06-22 10 53 42](https://cloud.githubusercontent.com/assets/1119621/16273542/a7d30fb6-3867-11e6-81ed-4ae6f998a15b.png) ![screenshot 2016-06-22 10 53 47](https://cloud.githubusercontent.com/assets/1119621/16273544/a7d62bec-3867-11e6-88e9-2a379166bba9.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016 •
edited
Loading

Responsive Screenshots: Organization Overview

screenshot 2016-06-22 09 47 41

![screenshot 2016-06-22 10 55 02](https://cloud.githubusercontent.com/assets/1119621/16273609/de2a3706-3867-11e6-9947-ce43c2b619aa.png) ![screenshot 2016-06-22 10 55 08](https://cloud.githubusercontent.com/assets/1119621/16273610/de2a67b2-3867-11e6-8a7c-aac5ca223240.png) ![screenshot 2016-06-22 10 55 13](https://cloud.githubusercontent.com/assets/1119621/16273612/de2c032e-3867-11e6-9541-3044123778c9.png) ![screenshot 2016-06-22 10 55 22](https://cloud.githubusercontent.com/assets/1119621/16273613/de2dff62-3867-11e6-97cc-8cbea056e6b2.png) ![screenshot 2016-06-22 10 55 28](https://cloud.githubusercontent.com/assets/1119621/16273611/de2a6ce4-3867-11e6-90a5-ac2ca56f0e2f.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Sign In

screenshot 2016-06-22 09 58 38

![screenshot 2016-06-22 09 59 07](https://cloud.githubusercontent.com/assets/1119621/16273656/105798e0-3868-11e6-806b-a0a6c51aa661.png) ![screenshot 2016-06-22 09 59 13](https://cloud.githubusercontent.com/assets/1119621/16273661/1061d314-3868-11e6-89e6-61dade80b9b4.png) ![screenshot 2016-06-22 09 59 18](https://cloud.githubusercontent.com/assets/1119621/16273660/10608220-3868-11e6-9544-320ac299aae0.png) ![screenshot 2016-06-22 09 59 30](https://cloud.githubusercontent.com/assets/1119621/16273657/105940c8-3868-11e6-87b8-f8b68a256d08.png) ![screenshot 2016-06-22 09 59 35](https://cloud.githubusercontent.com/assets/1119621/16273659/105c65b4-3868-11e6-9059-bec1b4750e39.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Register

screenshot 2016-06-22 10 58 02
screenshot 2016-06-22 10 58 16
screenshot 2016-06-22 11 01 25
screenshot 2016-06-22 11 01 32
screenshot 2016-06-22 11 01 38
screenshot 2016-06-22 11 01 44

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Update Profile

screenshot 2016-06-22 11 16 15
screenshot 2016-06-22 11 16 31
screenshot 2016-06-22 11 18 34
screenshot 2016-06-22 11 18 40
screenshot 2016-06-22 11 18 54
screenshot 2016-06-22 11 20 31

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Change Password

screenshot 2016-06-22 11 21 27
screenshot 2016-06-22 11 21 37
screenshot 2016-06-22 11 21 43
screenshot 2016-06-22 11 21 49
screenshot 2016-06-22 11 21 55
screenshot 2016-06-22 11 22 00

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Reset Password

screenshot 2016-06-22 11 23 08
screenshot 2016-06-22 11 23 28
screenshot 2016-06-22 11 23 35
screenshot 2016-06-22 11 23 40
screenshot 2016-06-22 11 23 45
screenshot 2016-06-22 11 23 51

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: User List (Desktop version only for sys admin purposes)

screenshot 2016-06-22 11 56 53

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Organization Members

screenshot 2016-06-22 11 59 49

![screenshot 2016-06-22 12 06 59](https://cloud.githubusercontent.com/assets/1119621/16275959/0e5e428c-3872-11e6-95d6-6f4f341ad493.png) ![screenshot 2016-06-22 12 07 07](https://cloud.githubusercontent.com/assets/1119621/16275960/0e60ef0a-3872-11e6-93a2-340c6f661d2c.png) ![screenshot 2016-06-22 12 07 12](https://cloud.githubusercontent.com/assets/1119621/16275963/0e61cce0-3872-11e6-81b7-cf8c99eec009.png) ![screenshot 2016-06-22 12 07 19](https://cloud.githubusercontent.com/assets/1119621/16275962/0e610cce-3872-11e6-87e0-754db1af21f5.png) ![screenshot 2016-06-22 12 07 31](https://cloud.githubusercontent.com/assets/1119621/16275961/0e60f86a-3872-11e6-924c-01a8b0357a69.png)

@clash99
Copy link
Contributor Author

clash99 commented Jun 22, 2016

Responsive Screenshots: Organization Member - Edit

screenshot 2016-06-22 14 07 58
screenshot 2016-06-22 14 08 35
screenshot 2016-06-22 14 08 41
screenshot 2016-06-22 14 08 45
screenshot 2016-06-22 14 08 51
screenshot 2016-06-22 14 08 57

This was referenced Jun 22, 2016
Closed
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@clash99 clash99

Labels
None yet
Projects
None yet
Milestone
Version 0.1
Development

No branches or pull requests
4 participants
@wonderchook @oliverroick @seav @clash99