Making WordPress.org

Opened 9 months ago

Closed 4 months ago

#7005 closed defect (bug) (fixed)

PHPDoc Tags section table does not responsive on mobile devices.

Reported by: upadalavipul's profile upadalavipul Owned by:
Milestone: Priority: normal
Component: Developer Hub Keywords:
Cc:

Description

I have reviewed the https://developer.wordpress.org/coding-standards/inline-documentation-standards/php/ page on my mobile devices and found the PHPDoc Tags section table does not responsive. Also, the Deprecated Tags section below the blockquote tag needs to be some padding. Please check the following attached screenshot for more understanding.

Screenshot URL: https://share.cleanshot.com/3xpjLRNXlhJn6mvR3Xk5
Page URL: https://developer.wordpress.org/coding-standards/inline-documentation-standards/php/

Change History (3)

#1 @upadalavipul
9 months ago

For the solution to the above issues needed to add the below CSS.


   
    .devhub-wrap #content table{
    	display: block;
    	overflow-x: auto;
    }

    .wpcs-handbook blockquote{
	padding: 1.2rem
    }

#2 @coffee2code
4 months ago

#7024 was marked as a duplicate.

#3 @coffee2code
4 months ago

  • Resolution set to fixed
  • Status changed from new to closed

Thanks for the report! This issue was much improved with the fix for #6886 to remove unnecessary left spacing in handbooks on developer.wordpress.org at narrow viewports. The tables now appear fully responsive without clipping or horizontal scrolling. On Chrome on a Mac the table can clip at 365px and narrower, but we're not terribly concerned about that width. Plus, I've checked the site's new upcoming theme and it seems fine in this regard.

Note: See TracTickets for help on using tickets.