WordPress.org
Get WordPress

Making WordPress.org

Opened 20 months ago

Last modified 2 months ago

#7698 new defect (bug)

In Responsive view, input box is going out of screen(not proper layout)

Reported by: pranitdugad's profile pranitdugad Owned by:
Milestone: Priority: low
Component: Plugin Directory Keywords:
Cc:

Description

In the Responsive view, below 600px screen size, the input box is going out of screen due to its width on the plugin validator page

Page Url : ​https://wordpress.org/plugins/developers/readme-validator/

Attachments (2)

Screenshot 2024-07-04 at 11.38.06 AM.png​ (53.7 KB) - added by pranitdugad 20 months ago.
I have attached Screenshot for better Understanding
7698-readme-validator-responsive.patch​ (2.5 KB) - added by manhphucofficial 2 months ago.
Improves the Readme Validator layout by making the input and textarea responsive and adding spacing for better usability.

Download all attachments as: .zip

Change History (3)

@pranitdugad
20 months ago

I have attached Screenshot for better Understanding

@manhphucofficial
2 months ago

Improves the Readme Validator layout by making the input and textarea responsive and adding spacing for better usability.

#1 @manhphucofficial
2 months ago

Thanks for reviewing! 😊

This patch applies a small UI/UX improvement to the Readme Validator page:

  • Makes the URL input and textarea fully responsive on smaller screens
  • Ensures proper spacing between the input and the Validate button
  • Uses box-sizing: border-box to prevent layout overflow issues

No functional behavior is changed — this is strictly a CSS/layout enhancement for better usability.

Happy to update the patch if anything else is needed!

Note: See TracTickets for help on using tickets.