[wp-trac] [WordPress Trac] #63305: On mobile devices, the left and right spacing is not equal for administration pages

[WordPress Trac]

#63305: On mobile devices, the left and right spacing is not equal for
administration pages
-------------------------------------------------+-------------------------
 Reporter:  deeppatel8950                        |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Administration                       |     Version:  3.8
 Severity:  trivial                              |  Resolution:
 Keywords:  has-test-info has-patch has-         |     Focuses:  ui, css
  screenshots dev-feedback                       |
-------------------------------------------------+-------------------------
Changes (by sandeepdahiya):

 * keywords:  has-test-info has-patch needs-testing => has-test-info has-
     patch has-screenshots dev-feedback


Comment:

 Firstly, I would recommend you to [https://ibb.co/zHfh8kQW checkout this
 image] to understand the issue better for
 [https://core.trac.wordpress.org/ticket/63305 #63305] and
 [https://core.trac.wordpress.org/ticket/63306 #63306]. Both tickets relate
 to the same kind of bugs, with the only difference of screen-sizes.

 == Bug Reproduction and Test Report
 === Description
 ✅ This report validates that the indicated patch works as expected.

 Patch tested: [https://github.com/WordPress/wordpress-
 develop/pull/8938.diff Patch-8938.diff]
 === Environment
 - WordPress: 6.9-alpha-60093-src
 - PHP: 8.2.28
 - Server: nginx/1.27.5
 - Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
 - Browser: Firefox 139.0
 - OS: Windows 10/11
 - Theme: Twenty Twenty-Five 1.2
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.0

 === Bug Reproduction
 1.  Before the patch, on Mobile view in Settings -> General section, we
 have #wpcontent with left-padding: 10px while .wrap with right-margin:
 12px. That makes a difference of 2 px in overall position.
   [https://ibb.co/qYkB92nF Screenshot before the patch]

 2.  Also, before the patch, on Mobile view in Settings -> General section,
 we have #screen-meta and #screen-meta-links with right margin of 10px.
 That makes a difference of 2 px in overall position.
   [https://ibb.co/VWdxmcTV Screenshot before the patch]

 === Actual Patch Results
 1.  After the patch, on Mobile view in Settings -> General section, we
 have #wpcontent{padding-left: 10px, padding-right: 10px} and wrap with 0
 margin and 0 padding. ✅ Above patch resolves the issue.
   [https://ibb.co/4wMnyKFQ Screenshot after the patch]

 2.  After the patch, on Mobile view in Settings -> General section, we
 have #wpcontent{padding-left: 10px, padding-right: 10px} and wrap with 0
 margin and 0 padding. ✅ Above patch resolves the issue.
   [https://ibb.co/6R9Gr30D Screenshot after the patch]

 === Additional Notes
 - This same patch resolves bugs mentioned in
 [https://core.trac.wordpress.org/ticket/63306 #63306].

 === Supplemental Artifacts
 - I have submitted a separate test report in
 [https://core.trac.wordpress.org/ticket/63306 #63306] to avoid any
 confusion.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63305#comment:8>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform