Make WordPress Core

Opened 3 years ago

Closed 3 years ago

#55743 closed defect (bug) (reported-upstream)

Wrong justify direction in RTL

Reported by: wpvar's profile wpvar Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Editor Keywords:
Focuses: css, rtl Cc:

Description

There are two flex divs in post status panel assigned with left values instead of right, Its causing UI problems with RTL versions:

LTR verstion:
https://wpvar.com/img/trac/1/ltr.png

RTL version:
https://wpvar.com/img/trac/1/rtl.png

As you see, there is unwanted space padding to right.

Attachments (2)

Screen Shot 2022-05-16 at 10.17.26 AM.png (68.5 KB) - added by wpvar 3 years ago.
LTR post panel
Screen Shot 2022-05-16 at 10.18.07 AM.png (65.0 KB) - added by wpvar 3 years ago.
RTL post panel

Download all attachments as: .zip

Change History (5)

@wpvar
3 years ago

LTR post panel

@wpvar
3 years ago

RTL post panel

#1 @wpvar
3 years ago

in wp-includes/css/dist/edit-post/style-rtl.css

changing

.edit-post-post-visibility {
  justify-content: left;
}

.edit-post-post-schedule {
  justify-content: left;
}

To

.edit-post-post-visibility {
  justify-content: right;
}

.edit-post-post-schedule {
  justify-content: right;
}

Seems to fix the problem.

#2 @costdev
3 years ago

  • Keywords reporter-feedback added
  • Version trunk deleted

Hi @wpvar, welcome back to Trac!

As this is an issue with the Block Editor, please post an issue on the Gutrnberg repository so that the team can investigate this further.

When the issue is created, please comment with the link so that others viewing this ticket can find the issue and so that we can close this ticket as reported-upstream.

Thanks!

#3 @sabernhardt
3 years ago

  • Keywords reporter-feedback removed
  • Milestone Awaiting Review deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed
Note: See TracTickets for help on using tickets.