Problem/Motivation

Steps to reproduce

Step 1 : Install Market Wave theme.
Step 2 : Go to appearance and set as a default theme.
Step 3 : Click on login button from header and Check Login, Create new account and Forgot your password Pages in mobile devices.

Currently it comes in half width(col-6) in mobile devices. I've attached screenshots for reference.

Proposed resolution

Login, Create new account, Forgot your password pages should be responsive and should be in full width in mobile devices.

Remaining tasks

User interface changes

API changes

Data model changes

CommentFileSizeAuthor
#5 Screenshot from 2024-08-13 17-42-12.png32.87 KBriddhi.addweb
#5 Screenshot from 2024-08-13 17-42-02.png66.54 KBriddhi.addweb
#5 Screenshot from 2024-08-13 17-41-41.png26.19 KBriddhi.addweb
#5 Screenshot from 2024-08-13 17-38-18.png43.41 KBriddhi.addweb
#5 Screenshot from 2024-08-13 17-38-47.png34.72 KBriddhi.addweb
#5 Screenshot from 2024-08-13 17-37-57.png26.37 KBriddhi.addweb
#3 after_resolve_issue_forgot_possword.png25.52 KBjaydeep_patel
#3 after_resolve_issue_create_new_account.png48.1 KBjaydeep_patel
#3 after_resolve_issue_login_page.png21.36 KBjaydeep_patel
forgot_your_password_page.png25.59 KBjaydeep_patel
create_new_account_page.png29.96 KBjaydeep_patel
login_page.png20.29 KBjaydeep_patel

Issue fork market_wave-3467610

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

jaydeep_patel created an issue. See original summary.

jaydeep_patel opened merge request !6

jaydeep_patel’s picture

jaydeep_patel commented
Assigned: jaydeep_patel » Unassigned
Status: Active » Needs review
StatusFileSize
new after_resolve_issue_login_page.png21.36 KB
new after_resolve_issue_create_new_account.png48.1 KB
new after_resolve_issue_forgot_possword.png25.52 KB

Responsive issue has been fixed on Login, Create new account and forgot password pages, Attached screenshots for reference.

Thanks!!

dishakatariya’s picture

dishakatariya commented
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new after_resolve_issue_create_new_account.png54.46 KB
new after_resolve_issue_login_page.png15.43 KB
new After_Reset-your-password.png17.77 KB

Hi, I have verified this isssue for the login page responsive design breaking with multiple scenarios such as login,create new account and forgot/reset password page. Now its fixed.

Testing Steps:
Step 1 : Install Market Wave theme.
Step 2 : Go to appearance and set as a default theme.
Step 3 : Click on login button from header and Check Login, Create new account and Forgot your password Pages in mobile devices.

Testing Results:
Login, Create new account, Forgot your password pages are responsive and are in full width in mobile devices.

Attaching screenshots for the reference.

Hence moving it to the RTBC.
RTBC++

Thanks!

riddhi.addweb’s picture

riddhi.addweb commented
StatusFileSize
new Screenshot from 2024-08-13 17-37-57.png26.37 KB
new Screenshot from 2024-08-13 17-38-47.png34.72 KB
new Screenshot from 2024-08-13 17-38-18.png43.41 KB
new Screenshot from 2024-08-13 17-41-41.png26.19 KB
new Screenshot from 2024-08-13 17-42-02.png66.54 KB
new Screenshot from 2024-08-13 17-42-12.png32.87 KB

The mentioned page issue is resolved, & I have also checked and it is working as expected. I am attaching the Screenshots & doing RTBC for the same.

riddhi.addweb’s picture

riddhi.addweb commented

These 3 Screenshots were hidden/shown/deleted by mistake:-

after_resolve_issue_create_new_account.png
after_resolve_issue_login_page.png
After_Reset-your-password.png

yogesh.k made their first commit to this issue’s fork.

yogesh.k’s picture

yogesh.k commented
yogesh.k’s picture

yogesh.k commented
Version: 1.0.3 » 1.0.4
yogesh.k’s picture

yogesh.k commented
Status: Reviewed & tested by the community » Fixed
yogesh.k’s picture

yogesh.k commented
Status: Fixed » Closed (fixed)