search

Real-Dev-Squad / website-status

Shows a roadmap of the ongoing projects being done
https://status.realdevsquad.com/
MIT License
22 stars 152 forks source link

Make responsive IN REVIEW of task page #675

Open shubhamsinghbundela opened 1 year ago

shubhamsinghbundela commented 1 year ago

Improving responsiveness in the 'Task Status' tab for 'IN REVIEW' on the Status Site page

Description:

Steps to Reproduce:

  1. Visit the Status Site page. https://status.realdevsquad.com/
  2. Select iphone 12pro or change responsivness to Mobile view
  3. Navigate to the 'Task Status' tab.
  4. Click on the 'IN REVIEW' status.

Expected Behavior:

When clicking on the 'IN REVIEW' status in the 'Task Status' tab, the page should display proper responsiveness, similar to when clicking other tabs.

Actual Behavior:

Currently, when clicking on the 'IN REVIEW' status in the 'Task Status' tab, the responsiveness of the page is not as expected.

Additional Information:

I have recorded a video demonstrating the issue.

https://github.com/Real-Dev-Squad/website-status/assets/107163260/0a7e6faf-3a45-45df-af7c-913cba4c86d4

The video showcases the problem by comparing the responsiveness when clicking on other tabs versus the 'IN REVIEW' status tab.

Amandixit10 commented 1 year ago

please assigned this task to me.

Amandixit10 commented 1 year ago

The responsiveness issue is with following pages of status site at below particular width:

  1. Task page <= 330px ( iPhone 4 { 320px} )
  2. Issue page <= 274px
  3. Mine page <= 274px
  4. Open PR's <= 300px
  5. Idle users <= 295px
  6. Drop down menu |--- Text merged <= 214px |--- Content go out of the Menu box <= 145px