[wp-trac] [WordPress Trac] #64857: Connectors: Alignment and layout issue with RTL

[WordPress Trac]

#64857: Connectors: Alignment and layout issue with RTL
--------------------------+----------------------------------
 Reporter:  gziolo        |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  7.0
Component:  General       |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  rtl, administration
--------------------------+----------------------------------

Comment (by sabernhardt):

 The Gutenberg plugin apparently fixed the heading alignment already

 by changing `justify-content: left`

 {{{
 <div data-wp-c16t="true" data-wp-component="HStack" class="components-flex
 components-h-stack css-1910ara-PolymorphicDiv-Flex-base-ItemsRow
 e19lxcc00"><div class="admin-ui-page__sidebar-toggle-slot css-
 1ragr82-PolymorphicDiv e19lxcc00"></div><h2 data-wp-c16t="true" data-wp-
 component="Heading" class="components-truncate components-text components-
 heading css-80qjs7-PolymorphicDiv-Truncate-Text-sx-Base-block
 e19lxcc00">Connectors</h2></div>
 }}}
 {{{
 .css-1910ara-PolymorphicDiv-Flex-base-ItemsRow {
   display: flex;
   -moz-box-align: center;
   align-items: center;
   flex-direction: row;
   gap: calc(8px);
   justify-content: left;
   width: 100%;
 }
 }}}

 to `start`

 `<div style="gap: var(--wpds-dimension-gap-sm, 8px); align-items: center;
 justify-content: start; flex-direction: row;"
 class="_19ce0419607e1896__stack"><div class="admin-ui-page__sidebar-
 toggle-slot css-0 e19lxcc00"></div><h2 class="admin-ui-page__header-
 title">Connectors</h2></div>`

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