[wp-trac] [WordPress Trac] #56143: Twenty Nineteen: Separator block alignment issue

[WordPress Trac]

#56143: Twenty Nineteen: Separator block alignment issue
-----------------------------------------------+---------------------------
 Reporter:  umesh84                            |       Owner:  (none)
     Type:  defect (bug)                       |      Status:  new
 Priority:  normal                             |   Milestone:  Awaiting
                                               |  Review
Component:  Bundled Theme                      |     Version:  5.0
 Severity:  minor                              |  Resolution:
 Keywords:  needs-design-feedback needs-patch  |     Focuses:  ui, css
-----------------------------------------------+---------------------------
Changes (by sabernhardt):

 * keywords:  needs-design-feedback has-patch => needs-design-feedback
     needs-patch
 * version:  6.0 => 5.0


Old description:

> Twenty Fifteen Themes Separator Block select Default style not center
> aligned in editor and Front side
>
> Steps to replicate:
> 1: Activate the Twenty Nineteen Themes
> 2: add Separator block
> 3: Select Default style
>
> I have given the video link of the issue below.
> https://www.loom.com/share/7f80bd907043491fbe8c28d30dd4cc1a

New description:

 Twenty Nineteen Themes Separator Block select Default style not center
 aligned in editor and Front side

 Steps to replicate:
 1: Activate the Twenty Nineteen Theme
 2: add Separator block
 3: Select Default style

 I have given the video link of the issue below.
 https://www.loom.com/share/7f80bd907043491fbe8c28d30dd4cc1a

--

Comment:

 I think aligning the separator line to the side by default is appropriate
 in Twenty Nineteen because headings have a similar line on the side.

 However, if you purposely set it to align center, that does not work at
 768 pixels and wider:
 {{{
 @media only screen and (min-width: 768px) {
   .entry .entry-content > *.aligncenter,
   .entry .entry-summary > *.aligncenter,
   .entry .entry-summary > .wp-block-group > .wp-block-group__inner-
 container > *.aligncenter,
   .entry .entry-content > .wp-block-group > .wp-block-group__inner-
 container > *.aligncenter {
     margin-left: 0;
     margin-right: 0;
   }
 }
 }}}

 The [https://github.com/WordPress/twentynineteen/pull/502 side margins
 were set to zero] before the theme was widely available.

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