[BBOOTS style and Chat 1.1.3] how to show chat side by side?


User avatar

PhilDiscuss
 
Posts: 70
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines

[BBOOTS style and Chat 1.1.3] how to show chat side by side?

Postby PhilDiscuss » Wed Mar 15, 2017 2:21 am • via Web
how to show the chat replies show side by side? :)
User avatar

IvanPF
Site Admin
 
Posts: 1746
Joined: Fri Jun 17, 2011 12:15 am
Location: España (Spain)

Re: [BBOOTS style and Chat 1.1.3] how to show chat side by s

Postby IvanPF » Wed Mar 15, 2017 9:42 pm • via Web
Hi,

You must edit the CSS file /ext/canidev/chat/styles/{your style}/theme/chat.css and add this code:

Code: Select all
.chat-row:nth-child(even) .ic-row-avatar {
   float: right;
}

.chat-row:nth-child(even) .ic-row-actions {
    float: left;
}

.chat-row:nth-child(even) .ic-row-title,
.chat-row:nth-child(even) .ic-row-text {
   text-align: right;
}

.chat-row:nth-child(even) .ic-row-title.avatar-margin,
.chat-row:nth-child(even) .ic-row-text.avatar-margin {
   margin-left: 0;
   margin-right: 48px;
}


After this, go to ACP and clear the cache
User avatar

PhilDiscuss
 
Posts: 70
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines

Re: [BBOOTS style and Chat 1.1.3] how to show chat side by s

Postby PhilDiscuss » Fri Mar 17, 2017 12:16 am • via Web
Thank you.. works!
User avatar

PhilDiscuss
 
Posts: 70
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines

Re: [BBOOTS style and Chat 1.1.3] how to show chat side by s

Postby PhilDiscuss » Fri Mar 17, 2017 1:13 am • via Web
how about a better side by side.


can make also like this?
Image

:)
User avatar

PhilDiscuss
 
Posts: 70
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines

Re: [BBOOTS style and Chat 1.1.3] how to show chat side by s

Postby PhilDiscuss » Fri Mar 27, 2020 6:58 am • via Web
IvanPF wrote:Hi,

You must edit the CSS file /ext/canidev/chat/styles/{your style}/theme/chat.css and add this code:

Code: Select all
.chat-row:nth-child(even) .ic-row-avatar {
   float: right;
}

.chat-row:nth-child(even) .ic-row-actions {
    float: left;
}

.chat-row:nth-child(even) .ic-row-title,
.chat-row:nth-child(even) .ic-row-text {
   text-align: right;
}

.chat-row:nth-child(even) .ic-row-title.avatar-margin,
.chat-row:nth-child(even) .ic-row-text.avatar-margin {
   margin-left: 0;
   margin-right: 48px;
}


After this, go to ACP and clear the cache


There is something wrong about the avatar with using the latest version of cbbChat
User avatar

PhilDiscuss
 
Posts: 70
Joined: Wed Nov 09, 2016 4:53 am
Location: Manila - Philippines

Re: [BBOOTS style and Chat 1.1.3] how to show chat side by s

Postby PhilDiscuss » Mon Apr 20, 2020 10:16 pm • via Web
bang! any updates? :P :P


Last bumped by PhilDiscuss on Mon Apr 20, 2020 10:16 pm.

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 1 guest

cron