A very simple css issue in the admin customize panel of rtl

(Pad Pors) #1

for the rtl language, the admin customize panel becomes like this (when showing the options for a theme):

you can see the white space. Checking the Mozilla console, it’s been produced with this line of code:

.customize .show-current-style{
margin-left: 20px;

of course it can be tuned via the css-customization, but I think for the rtl language it meant to be like this:

.customize .show-current-style{
margin-right: 20px;

(Pad Pors) #2

is this simple but annoying #ux issue for rtl languages going to be fixed?

to reproduce it, you can:

  • change the locale to Persian,
  • go to admin -> customize -> theme panel;
  • then select a theme.