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

Bug: Login and sign up page get compress in different resolution #105

Open
nlok5923 opened this issue Mar 4, 2021 · 20 comments · May be fixed by #201
Open

Bug: Login and sign up page get compress in different resolution #105

nlok5923 opened this issue Mar 4, 2021 · 20 comments · May be fixed by #201
Assignees
@pankajsahu221
Labels
Category: Coding Changes to code base or refactored code that doesn't fix a bug. Category: User Interface Improvements or additions to design. Type: Maintenance Repository maintenance.

Comments

@nlok5923
Copy link
Contributor

nlok5923 commented Mar 4, 2021

Describe the bug

Login and register page compresses in different resolutions probably when resolution is less than 480 X 671

To Reproduce

Steps to reproduce the behavior:

  1. Go to Landing page
  2. Resize login and register page

Expected behavior

It should hold a flexbox property that login and register component should acquire the center upper half or lower upper half area of landing page

Screenshots

image
image

Desktop (please complete the following information):

  • OS: [e.g. iOS] All
  • Browser [e.g. chrome, safari] All
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6] All
  • OS: [e.g. iOS8.1] All
  • Browser [e.g. stock browser, safari] All
  • Version [e.g. 22]

Additional context

login and register page should be clearly accessible by user
@codesankalp
Copy link
Member

Yes, @nlok5923 this is a valid UI issue. I was also thinking to open it in the future.
Also, In mobile view, it is not responsive and looks bad.
image

@codesankalp codesankalp added Category: Coding Changes to code base or refactored code that doesn't fix a bug. Category: User Interface Improvements or additions to design. Status: Available Issue was approved and available to claim or abandoned for over 3 days. Type: Maintenance Repository maintenance. labels Mar 7, 2021
@ruddi10
Copy link

ruddi10 commented Mar 9, 2021 •
edited
Loading

@codesankalp @keshakaneria can I work on this

@codesankalp
Copy link
Member

@ruddi10 As you are assigned to an issue, I can't assign you.

@nlok5923
Copy link
Contributor Author

nlok5923 commented Mar 9, 2021

@codesankalp can u please assign this to me.

@codesankalp
Copy link
Member

Sure @nlok5923, Assigning you.

@codesankalp codesankalp removed the Status: Available Issue was approved and available to claim or abandoned for over 3 days. label Mar 9, 2021
@nlok5923
Copy link
Contributor Author

nlok5923 commented Mar 9, 2021

@codesankalp what type of changes you want me to do . or shall i hide the anitaborg logo at lower resolutions

@codesankalp
Copy link
Member

@nlok5923 You can change the UI according to scaling i.e. use transforms to change UI in mobile or any other method such that mobile and desktop UI looks good.

@codesankalp
Copy link
Member

Any progress @nlok5923?

@codesankalp codesankalp added Status: Available Issue was approved and available to claim or abandoned for over 3 days. and removed Status: Available Issue was approved and available to claim or abandoned for over 3 days. labels Apr 12, 2021
@codesankalp
Copy link
Member

Unassigning @nlok5923 due to inactivity.

@codesankalp codesankalp added the Status: Available Issue was approved and available to claim or abandoned for over 3 days. label Apr 12, 2021
@StarTrooper08
Copy link

StarTrooper08 commented May 30, 2021 •
edited
Loading

@codesankalp can I work on this issue .
It's Just a front end work I guess.
I'll do it.

@codesankalp
Copy link
Member

Assigning you @StarTrooper08.
Yes, it's just related to the frontend, but please make sure that the login feature doesn't break.

@codesankalp codesankalp removed the Status: Available Issue was approved and available to claim or abandoned for over 3 days. label May 30, 2021
@StarTrooper08
Copy link

Assigning you @StarTrooper08.
Yes, it's just related to the frontend, but please make sure that the login feature doesn't break.

Yes , sure👍

@StarTrooper08
Copy link

Hey sorry for the delay to solve this issue.
I forgot to ask that in which file I have to make changes 😅.

@codesankalp
Copy link
Member

@StarTrooper08 First try to explore the project.
You have to make changes in the Login and Signup Component.

@StarTrooper08
Copy link

Okay

@vj-codes
Copy link
Member

@StarTrooper08 any updates?

@pankajsahu221
Copy link

@codesankalp I can work on this issue, please assign it to me.

@pankajsahu221
Copy link

@codesankalp I can make the login and register page fully responsive using pure CSS without breaking any feature. If you need any other changes, then do let me know. Please assign the task to me, I would love to work on it.

@codesankalp
Copy link
Member

@codesankalp I can make the login and register page fully responsive using pure CSS without breaking any feature. If you need any other changes, then do let me know. Please assign the task to me, I would love to work on it.

Instead of using pure CSS try to use react-bootstrap as much as possible.

@pankajsahu221
Copy link

@codesankalp I can make the login and register page fully responsive using pure CSS without breaking any feature. If you need any other changes, then do let me know. Please assign the task to me, I would love to work on it.

Instead of using pure CSS try to use react-bootstrap as much as possible.

Okay!

@pankajsahu221 pankajsahu221 linked a pull request May 7, 2022 that will close this issue
Open
9 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@pankajsahu221 pankajsahu221

Labels
Category: Coding Changes to code base or refactored code that doesn't fix a bug. Category: User Interface Improvements or additions to design. Type: Maintenance Repository maintenance.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: login and register page responsive pankajsahu221/anitab-forms-web
6 participants
@pankajsahu221 @codesankalp @nlok5923 @ruddi10 @vj-codes @StarTrooper08