Rocket.chat: RTL Issue

[djeber]

Your Rocket.Chat version: demo.rocket.chat

[bazarnew]

Hi I have this problem for Persian

[djeber]

the issue is present on all rtl languages

[bazarnew]

@sampaiodiego

[djeber]

@engelgabriel

[djeber]

@fduraibi

[engelgabriel]

We will take a look.

[fduraibi]

@djeber I personally don't have time these day to look into it, so I hope someone else will fix it.

[Saleh7]

it seems the problem was in #line19 and #line24

---

https://github.com/RocketChat/Rocket.Chat/blob/master/packages/rocketchat-ui-flextab/flex-tab/flexTabBar.coffee

        if RocketChat.TabBar.isFlexOpen() and RocketChat.TabBar.getTemplate() is @template
            RocketChat.TabBar.closeFlex()
            $('.flex-tab').css('max-width', '')
            $('.main-content').css('right', '40px')
        else
            if not @openClick? or @openClick(e,t)
                if @width?
                    $('.flex-tab').css('max-width', "#{@width}px")
                    $('.main-content').css('right', "#{@width + 40}px")
                else
                    $('.flex-tab').css('max-width', '')

                RocketChat.TabBar.setTemplate @template, ->
                    $('.flex-tab')?.find("input[type='text']:first")?.focus()
                    $('.flex-tab .content')?.scrollTop(0)

maybe :)

[fduraibi]

You are right @Saleh7 the "right: 40px;" is set inline and take precedent over the correct css and it is LTR only.

[Saleh7]

@fduraibi :+1:

---

[fduraibi]

I think this problem is solved now. It doesn't happen to me anymore after the update