RTL direction fixes

[kwinto]

This PR fixes some issues for the RTL locales.

How to test

• open index.html,
• add dir="rtl" attribute to the html tag
• link chat-components from this PR RTL localisation chat-components#73
• open webchat
• check https://cognigy.visualstudio.com/Cognigy.AI/_workitems/edit/72592 for the success criteria
• do a sanity check for thing which would be relevant for the RTL language support

[sushmi21]

The chat toggle button itself appears in the left corner. I think this should not be affected.

[sushmi21]

I remember we talked about switching the position of the icons. The icons are not still not switched. For example, the back button is to the right instead of left. This applies to send button, close button etc.

[kwinto]

I remember we talked about switching the position of the icons. The icons are not still not switched. For example, the back button is to the right instead of left. This applies to send button, close button etc.

It is actually flipped. It is showing now to the "back direction" in RTL :-)

[kwinto]

The chat toggle button itself appears in the left corner. I think this should not be affected.

It should definitely appear on the left.

In RTL localized websites, everything becomes “flipped” to usual for us direction, even the logotypes and such.

[sushmi21]

I remember we talked about switching the position of the icons. The icons are not still not switched. For example, the back button is to the right instead of left. This applies to send button, close button etc.

It is actually flipped. It is showing now to the "back direction" in RTL :-)

What I meant is the position of the buttons. The group of buttons like (minimize, close and chat options should be on the right) and the back button should be on the left, don't you think?

[kwinto]

I remember we talked about switching the position of the icons. The icons are not still not switched. For example, the back button is to the right instead of left. This applies to send button, close button etc.

It is actually flipped. It is showing now to the "back direction" in RTL :-)

What I meant is the position of the buttons. The group of buttons like (minimize, close and chat options should be on the right) and the back button should be on the left, don't you think?

I think you got confused here. Originally, the close button is on the right. Now, in RTL, it is on the left. So we actually have flipped the position.

[sushmi21]

I remember we talked about switching the position of the icons. The icons are not still not switched. For example, the back button is to the right instead of left. This applies to send button, close button etc.

It is actually flipped. It is showing now to the "back direction" in RTL :-)

What I meant is the position of the buttons. The group of buttons like (minimize, close and chat options should be on the right) and the back button should be on the left, don't you think?

I think you got confused here. Originally, the close button is on the right. Now, in RTL, it is on the left. So we actually have flipped the position.

No, I am not confused. I am saying that we should only flip the chat bubbles but not the icon positions. All icons should stay in their original position, don't you think?