UI Overflow on email smtp setup page title - Mobile view

[muzammildafedar]

Description:
The above Instructions button is overlapping with the header text on the "Setup Your Email Using SMTP" page, causing a visual issue where the right side of the button extends beyond the intended area.

Steps to Reproduce:
Go to the Email Setup page.
Observe title overflow.

Expected Behavior:
The Instructions title should be properly aligned or flexible size and not overlap with any part of the header text.

Actual Behavior:
There is visible text showing a pixel overflow warning on the right side.

Suggested Fix:
Adjust the size of the title to ensure it is positioned correctly beneath the header text.

[PartishtaP]

Heeyyy!!
Please assign me this.
I would like to work on it

[muzammildafedar]

Heeyyy!! Please assign me this. I would like to work on it

Don't forget to fork the repository before starting. @PartishtaP Feel free to go ahead and take on the issue. Let me know if you need any help or clarification. Looking forward to your contributions!

[PartishtaP]

Heyy!!
can you please tell where is the code for the email set up page, like in which file.

[muzammildafedar]

Heyy!! can you please tell where is the code for the email set up page, like in which file.

The SMTP page is located in lib/widgets/smtp_page.dart, where we use a custom widget called CategoryBox that includes a title prefix for all pages. In this widget, the title parameter is utilized between lines 53 and 56. Currently, AppTextStyle is defined, but you need to define another AppTextStyle specifically for mobile, which will reduce the font size. Additionally, you'll need to add a condition to adjust the font size based on whether the view is on mobile or desktop. See the example below:

Text(
  title,
  style: Responsive.isMobile(context) ? AppTextStyles.heading1BlackMobile : AppTextStyles.heading1Black,
),

Make sure to import:

import 'package:udayah/responsive.dart';

[thedevyash]

is this issue still open and if @PartishtaP not working on this anymore, can i work on this?
@muzammildafedar

[muzammildafedar]

Yes, This issue still open. Feel free to go ahead and take on the issue.

is this issue still open and if @PartishtaP not working on this anymore, can i work on this? @muzammildafedar

[muzammildafedar]

@thedevyash are you still working on this issue?

[may-tas]

I would like to work on this issue if its still open.

[Amitkumarkoli]

is this still open?? I want to work on this.

[muzammildafedar]

@thedevyash how's your progress on this? FYI, I'll need to un-assign you soon if I don't hear back

[tanayduddalwar]

@muzammildafedar please assign me this issue