[wp-trac] [WordPress Trac] #58500: Twenty Twenty: Separator block's Default style is wider than Wide Line style in editor

[WordPress Trac]

#58500: Twenty Twenty: Separator block's Default style is wider than Wide Line
style in editor
-------------------------------------------------+-------------------------
 Reporter:  nidhidhandhukiya                     |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Bundled Theme                        |     Version:  6.2.2
 Severity:  minor                                |  Resolution:
 Keywords:  has-patch changes-requested has-     |     Focuses:  css
  test-info                                      |
-------------------------------------------------+-------------------------
Changes (by avinashbhosale):

 * keywords:  has-patch needs-testing => has-patch changes-requested has-
     test-info


Comment:

 == Combined Bug Reproduction and Patch Test Report
 === Description
 This report validates that patch works as expected but some improvements
 are needed

 Patch tested:
 https://core.trac.wordpress.org/attachment/ticket/58500/58500.diff

 === Environment
 - WordPress: 6.8.1
 - PHP: 8.2.27
 - Server: nginx/1.26.1
 - Database: mysqli (Server: 8.0.35 / Client: mysqlnd 8.2.27)
 - Browser: Chrome 137.0.0.0
 - OS: Windows 10/11
 - Theme: Twenty Eleven 4.9
 - MU Plugins: None activated
 - Plugins: None

 === Bug Reproduction
 1. Activate Twenty Twenty theme.
 2. Add a separator block with default width
 3. Add a separator block with wide width
 4. Observe that the default width separator is wider than the wide width
 separator in the editor

 === Expected Result
 - The default width separator should be smaller than the wide width
 separator

 === Actual Result
  🟠 Issue resolved with patch, but some improvement is required

 === Additional Notes
 - The wide width separator is displayed differently in editor vs front
 end, please refer to the below screenshots

 === Supplemental Artifacts
 - Screenshots:
 1. https://prnt.sc/R0Gh_1wfffou (Editor)
 2. https://prnt.sc/l-NhxtiXOVVX (Front End)

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