When viewing Special:GlobalWatchlist?uselang=he, the collapse button is on the left always, smooshed next to the mark site as seen button for LTR wikis but correctly placed for RTL wikis. For viewing with uselang=en, the collapse button is always on the right, which is correct for the wikis that are LTR but wrong for RTL
Trying to test this out in a browser manipulating the CSS proved complicated, since we need to delete the existing rules. I figured it out, but for future reference:
after removing the existing rules, which set (with @noflip annotations) .ext-globalwatchlist-feed-site to be text-align left and direction ltr, and then the custom overrides based on language codes, I then ran
$( '.ext-globalwatchlist-feed-site' ).addClass( 'mw-content-ltr' ) $( '.ext-globalwatchlist-feed-site[id^=ext-globalwatchlist-feed-site-ar]' ).removeClass( 'mw-content-ltr' ).addClass( 'mw-content-rtl' )
to set mw-content-rtl on the arabic wikipedia entry (only rtl wiki I was testing with) and mw-content-ltr on the rest. Viewing the page in English, this produced the intended result.
Switching to uselang=he, I repeated the css changes, and ran the same command, and it also rendered correctly. Will send a patch to do this.
This does not apply to the Vue version, which will be handled separately in T274603 and currently has no rtl handling