Jump to content


Photo

RTL Languages


See the screenshot... RTL causes the photo to be aligned on the left, and also causes multiple messages from one user to be cut off.

http://screencast.com/t/dS8WebH9EuD

Status: Fixed
Version: 1.3.1
Fixed In: 1.4.1


4 Comments

in IPB_RTL.css you can add this:

img.ipsUserPhoto{display:block;float:left;font-weight:bold;margin:1px;text-align:right}

Maybe this is the problem. Let me know if you fixed that issue by adding this line.
I don't have permissions to edit my post above then I will reply here:
img.ipsUserPhoto was not included in the last IP.Chat version, then this should resolve the issue.
Added this to IPB 3.3.2.

.messages-list img.ipsUserPhoto{ display:block; float:left; font-weight:bold; margin:1px; text-align:right; }

Basically, just made the selector a little less broad in case it would affect other areas.
Actually, that isn't right, and there were other issues. Here is the final ipb_rtl.css for IP.Chat

.messages-list img.ipsUserPhoto{ float: right; }

.messages-list label{ margin-left: 0px; margin-right: 40px; }
    .messages-list label.fluid{ float: right; margin-right: 0px; margin-left: 4px; }

.messages-list div{ margin-left: 0px; margin-right: 40px; }
    .messages-list div.hider{ float: right; margin-left: 0px; margin-right: -4px; }