[UX] Fix RTL in the Manage blocks page

[shabibalm]

url page admin/structure/layouts/manage/home
before

after

edit core\modules\layout\css\layout.admin.css

[dir="rtl"] .layout-editor-region-title .label {
  padding-right: 4px;
  padding-left: 12px;

to

[dir="rtl"] .layout-editor-region-title .label {
  float:right;	
  padding-right: 4px;
  padding-left: 12px;
}

after

.layout-editor-region-title .dropbutton-wrapper {
  float: left;
  width: 140px;
  margin: 4px 0 10px
}

add

[dir="rtl"] .layout-editor-region-title .dropbutton-wrapper {
  float: right;
}

and edit file core\misc\dropbutton.css

[dir="rtl"].js .dropbutton li,
[dir="rtl"].js .dropbutton a {
  text-align: left;
}

to

[dir="rtl"].js .dropbutton li,
[dir="rtl"].js .dropbutton a {
  text-align: right;
}

---

PR: backdrop/backdrop#2561

[klonos]

Thanks once again @shabibalm 👍 ...can you please check the PR I have filed and see if it works for you?

PS: I have made some small additions to your proposed code, and I have not included the text-align: right; for the drop buttons, as it seemed to me that they are properly aligned (the opposite of LTR).

[shabibalm]

hello @klonos text-align need edit file core\misc\dropbutton.css
Here is the same problem (admin/structure/views)

[klonos]

Hey @shabibalm, I omitted that change intentionally, because I thought that it works as expected.

Here's how it looks in LTR (dropbutton text aligned left):

...and here it is in RTL (dropbutton text aligned right):

Am I missing something?

[shabibalm]

hey @klonos its working fine just in the page admin/structure/layouts/manage/home
but dropbutton text aligned right need edit other pages
look
admin/structure/types

admin/structure/block

fix all pages RTL dropbutton text aligned right

edit file core\misc\dropbutton.css
[dir="rtl"].js .dropbutton li, [dir="rtl"].js .dropbutton a { text-align: left; }
to
[dir="rtl"].js .dropbutton li, [dir="rtl"].js .dropbutton a { text-align: right; }

[klonos]

Thanks for clarifying @shabibalm 👍 ...I have created a separate issue for this here: #3642. The reason is that changing this will affect all core + if we define text-align: right for this RTL block, then I don't see the need to have it at all, since there is a LTR block of css just before it, which defines text-align: right.

If you are happy with the rest of the changes in this PR, then please mark this as "pr - works for me", so that the fix can be included in the next bug release of Backdrop 😉

[shabibalm]

thanks @klonos it's ok

[quicksketch]

Merged backdrop/backdrop#2561 into 1.x and 1.12.x. Thanks @klonos and @shabibalm!