Skip to content

Mobile wizard layout (all steps) on new bug form #2982

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.

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

Closed
munteanu210 opened this issue Oct 14, 2019 · 4 comments
Closed

Mobile wizard layout (all steps) on new bug form #2982

munteanu210 opened this issue Oct 14, 2019 · 4 comments

Comments

@munteanu210
Copy link
Contributor

Implement the wizard layout and content for the main categories, all sub-categories, browser & device selection, following the mobile UI/UX on the new bug form.

@karlcow
Copy link
Member

karlcow commented Oct 15, 2019

Does that mean there are two different versions for desktop and mobile? Instead of one responsive version?

@miketaylr
Copy link
Member

@munteanu210 ^^

@munteanu210
Copy link
Contributor Author

Does that mean there are two different versions for desktop and mobile? Instead of one responsive version?

@karlcow, there is a single version. The mobile view is all about style updates that make the page responsive.

munteanu210 added a commit to munteanu210/webcompat.com that referenced this issue Oct 15, 2019
@munteanu210
Copy link
Contributor Author

munteanu210 commented Oct 15, 2019

I fixed this issue in this commit which is a part of PR #2938. The commit may seem large, but the updates are minor. For example, it adds classes to the elements so that they have specific behavior on mobile. Also, I changed the CSS to be mobile-first as seen on the project. This being said, a large block of desktop overrides was added.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants