pingSubhajit / letraz

Create tailored resumes for every job application effortlessly with Letraz. Our AI-powered tool helps you stand out by automatically optimizing your resume for ATS and recruiters, ensuring your skills and experience match the job's requirements.
https://letraz.app
MIT License
0 stars 0 forks source link

bug: Onboarding page next and prev button overlapping elements in low height displays #4

Open pingSubhajit opened 2 days ago

pingSubhajit commented 2 days ago

On devices with low screen heights, the "Next" and "Previous" buttons on the onboarding page overlap with the content below them, creating a visual obstruction and making the buttons unusable. This issue is particularly prominent on mobile devices.

Success Criteria:

Acceptance Criteria:

Additional Notes:

linear[bot] commented 2 days ago
LET-13 bug: Onboarding page next and prev button overlapping elements in low height displays

On devices with low screen heights, the "Next" and "Previous" buttons on the onboarding page overlap with the content below them, creating a visual obstruction and making the buttons unusable. This issue is particularly prominent on mobile devices. **Success Criteria:** * The "Next" and "Previous" buttons should always be fully visible and accessible regardless of screen height. * The buttons should not overlap with any other elements on the page. **Acceptance Criteria:** * Implement a responsive design solution for the onboarding page, adjusting the layout and positioning of the buttons based on screen height. * Test the solution across various screen resolutions and device types, ensuring that the buttons are correctly positioned in all scenarios. * The solution should not introduce any new bugs or performance issues. * The layout and positioning of the buttons should be visually appealing and user-friendly. **Additional Notes:** * Ideally the buttons should be in the same position across different onboarding screens. * Try to figure out creative solutions to fix the issue without compromising user experience. * Implement a solution that prioritizes accessibility and user experience, making sure the buttons are easy to see and click on all devices.