Sugoi   13-12-2025, 11:39 PM
#1
First of all, wanted to say I appreciate the effort you put into this theme. Really wanted to use MyBB for a community I'm migrating, and without a modern FOSS theme this would have been a much harder endeavor to pursue.

One gripe I have with it is incomplete support for RTL languages.
Text-heavy components are mostly compliant, but more structural, grid-like ones seem to have some hard-coded left-to-right directionality and aligning.

Since our community is Hebrew speaking, I'm going to work on fixing these issues for our community anyways, so I thought if it could be done "right" way where it also contributes to this project then it'd be nice (this also helps millions of speakers of other RTL languages like Arabic and Persian).

Tell me if you think adding RTL support is a good idea, and if so how you're imagining something like this would look like in terms of the template structure and styling.

For illustration only, adding some pictures of the visual "bugs" observed when an RTL language is forced on the theme in its current state:


[Image: image.png]

[Image: image.png]

[Image: image.png]

[Image: image.png]


[Image: image.png]
Sugoi   14-12-2025, 12:40 AM
#2
After doing some research, it seems most of the issues stem from not using the RTL version of bootstrap (https://getbootstrap.com/docs/5.3/getting-started/rtl/).

I can implement a simple code change where the Bootstrap import changes conditionally in the `headerinclude` template based on the RTL status, tell me what you think on how it should be done (my day job is mostly Kotlin-oriented so still adjusting to some of the PHP/MyBB idioms).

Basically this works locally (the different versions are just for testing), but it requires the Template Conditionals dependency so I'm not sure if it would be idiomatic for this package:
Code:
<if $lang->settings['rtl'] then>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.rtl.min.css" integrity="sha384-CfCrinSRH2IR6a4e6fy2q6ioOX7O6Mtm1L9vRvFZ1trBncWmMePhzvafv7oIcWiW" crossorigin="anonymous">
<else>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</if>

Other RTL "glitches" still exist (like the nav-menus of the DM page / certain control panels), but this is already a huge improvement.
  
Users browsing this thread: 1 Guest(s)
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.