#77 Implement Bible Page features in landscape mode (mob)

[Beenamol]

Implement Bible page suggestions in landscape mode

Sp4 Development

• Design split for landscape mode(ET:2 hrs)(ATT:2 hrs)
• Adjust font sizes and spacing for landscape view(ET:2 hr)(ATT:3 hrs)
• Fix bottom navigation bar positioning in landscape(ET:2 hr)(ATT:30 mins)
• Fix UI/UX issues(ET:3 hrs)(ATT:3 hrs)
• Unit Testing(ET:30 mins)(ATT:30 mins)(Unit testing is done using the Test Cases)
• Code Review - Beena (ET: 1 Hour) (ATT:1 Hour 30 Minutes)
• Code Review Changes(ET:30 mins)(ATT:4 hrs)
• QA Review Changes(ET:30 mins)(ATT:1 hr)

QA

• Write Test cases- (ET : 30 mins)
• Review Test cases - Beena ( ET : 15 Minutes)
• Testing (ET : 40 mins )
• Review Testing - Seema (ET: 15 Minutes )

[JesniJ]

Test Result:
Verified that the Bible Page features in landscape mode (Mobile) are functioning.

Observations :

1. The Language, Version dropdown, and Book selector are not properly aligned with the text container height and video player. They should be aligned consistently for better layout structure.
2. The video player and text container should align on the same horizontal line (bottom) to improve visual balance in landscape mode.
3. In portrait mode, on one device, it was observed that when scrolling down, the Language/Version selector and Book selector briefly disappear and reappear, indicating a potential UI rendering issue.

Jumbingofbuttons.mp4

Moving the issue to in-progress.

[thsneha]

Test Result: Verified that the Bible Page features in landscape mode (Mobile) are functioning.

Observations :

1. The Language, Version dropdown, and Book selector are not properly aligned with the text container height and video player. They should be aligned consistently for better layout structure.
2. The video player and text container should align on the same horizontal line (bottom) to improve visual balance in landscape mode.
3. In portrait mode, on one device, it was observed that when scrolling down, the Language/Version selector and Book selector briefly disappear and reappear, indicating a potential UI rendering issue.

Jumbingofbuttons.mp4 Moving the issue to in-progress.

1.The first issue has fixed.

2.We cannot make them exactly the same height because the video is rendered inside an iframe with constrained height/aspect-ratio behavior. When we increase the height to match the text panel, the iframe gets clipped, so exact bottom alignment is not feasible without breaking the video display.

3.We were unable to reproduce this issue on our test devices in portrait mode. The Language/Version and Book selectors remained stable during scrolling.