good-first-issue icon indicating copy to clipboard operation
good-first-issue copied to clipboard

[Bug]:UI responsiveness

Open CedricNdong opened this issue 1 year ago • 14 comments

What happened? While examining the web interface on various devices, I've noticed a significant issue in terms of responsiveness. Specifically, the problem exists on the right-hand side container of the page which seems to go out of bounds when viewed on certain screen sizes or devices.

Expected result:

The content of the page should adjust according to the screen size, allowing users to view and interact with the entire content within the bounds of the screen without having to scroll horizontally. All containers should fit within the viewport width.

Actual result:

The right container does not resize properly. As a result, part of its content extends beyond the visible screen bounds.

Add screenshots Screenshot on desktop screen size (768 x 814)

Screenshot from 2023-06-04 18-47-07

Possible cause:

There might be CSS styling issues causing the right container to not resize appropriately on smaller screens, but further investigation is needed to ascertain the exact root cause.

Impact:

This issue affects usability on certain devices, potentially hindering user interaction and overall user experience.

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Brave

Record

  • [ ] I want to work on this issue

CedricNdong avatar Jun 04 '23 17:06 CedricNdong

Hello, I would like to work on this issue.

saltedtea avatar Jun 09 '23 18:06 saltedtea

Is this issue still open?

SAMI-THAKUR avatar Jun 12 '23 09:06 SAMI-THAKUR

Is this issue still open?

Yes, it is still open. You can fix and submit a PR request.

saltedtea avatar Jun 12 '23 10:06 saltedtea

image I think so this solve the issue i flex wrap the "flex flex row" div and now the content is adjusting according to screen size

SAMI-THAKUR avatar Jun 13 '23 14:06 SAMI-THAKUR

@CedricNdong Is anyone currently working on this? If not, would you be able to assign it to me so that I can try to solve it?

udaySuryaP avatar Jul 13 '23 11:07 udaySuryaP

could you ple assign me this issue

Jyoticharan avatar Jul 14 '23 08:07 Jyoticharan

Hello @Jyoticharan @SAMI-THAKUR @udaySuryaP of course! You can Work on it and create a PR.

CedricNdong avatar Jul 14 '23 09:07 CedricNdong

Hey, Is this issue still open ?

I would like to solve the issue

PADDY26 avatar Jul 18 '23 04:07 PADDY26

link of the repository?

Haaziq386 avatar Jul 21 '23 05:07 Haaziq386

Hi @CedricNdong maybe PR #611 fixed this issue

fitrahmunir avatar Jul 25 '23 05:07 fitrahmunir

Is this issue still open, If it is can I start working on it?

Vaishali054 avatar Aug 17 '23 19:08 Vaishali054

Aayush

aayushchavanke avatar Jan 11 '24 13:01 aayushchavanke

@CedricNdong is this issue still open?

Ishpreet01 avatar Jan 18 '24 18:01 Ishpreet01

@CedricNdong this thing is already fixed can you please mark this as closed

dhaladitya108 avatar Feb 09 '24 22:02 dhaladitya108