chat room in nodeBB master version ( RTL language )

[sanatisharif]

in chrome browser with (zoom = 100%):

in chrome browser with (zoom = 90%

I've added the following code to CSS: ( only for text direction )

.header #chat-list li {
    text-align: right !important;
}
.header #notif-list li {
    text-align: right !important;
}

[sanatisharif]

To correct it we must change some styles in rtl languages.

1. First

( LTR language version)

.chats-list>li .teaser-content, .chats-list>li .room-name {
    padding-left: 80px;
}

(RTL language version)

.chats-list>li .teaser-content, .chats-list>li .room-name {
    padding-right: 80px;
}

2. second

(LTR language version )

.chats-list>li .main-avatar {
    position: absolute;
    top: 0;
    left: 0;
}

(RTL language version)

.chats-list>li .main-avatar {
    position: absolute;
    top: 0;
    right: 0;
}

[sanatisharif]

@PitaJ @julien Please add the changes to the master version in github.

[sanatisharif]

After these changes:

NodeeBB chat room in rtl website will be like this:

chrome browser with (zoom = 100%)

[sanatisharif]

also #menu .chat-list>li, .header .chat-list>li width must be change to some better value , something like 100%.

[jarey]

@sanatisharif Maybe a pull request would be more convenient to be merged on master? At least i think it would be easier for mantainers to include changes that way. Be aware of the ton os questions/issues/features requests written on this forum.

Regards.

[PitaJ]

This is actually a theme-specific revision, not a core change. I'd suggest opening an issue at https://github.com/nodebb/nodebb-theme-persona/issues and detailing the necessary changes there. Thanks.