chat room in nodeBB master version ( RTL language )



  • in chrome browser with (zoom = 100%):

    0_1477670445230_upload-fdb70971-055e-4e5b-919b-6824823dcef1

    in chrome browser with (zoom = 90% ):

    0_1477670585889_upload-f4dae5f7-8b50-4241-87e4-42953cfbcd2a

    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;
    }
    


  • 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;
    }
    


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



  • After these changes:

    NodeeBB chat room in rtl website will be like this:

    0_1477671641795_upload-0dfb1d48-d587-472f-817b-b603c8704459

    chrome browser with (zoom = 100%)



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


  • Translator

    @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.


  • Global Moderator

    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.


Log in to reply
 

Looks like your connection to NodeBB was lost, please wait while we try to reconnect.