[HowTo] Display rooms always at the top or bottom

[clight77]

I think Tigers is interested in all the other mChat modifications you have, not Rooms.

Oh he wants the modified chat you think ?

[terry2]

You can find them at my site i got a few addons for mchat

2018-05-29_164632.png

[Tigers]

Hi No thanks i found the modification I wanted on this forum but thanks anyway

[clight77]

rooms_at_top.png

1. Open ext/kasimi/mchatrooms/styles/prosilver/theme/mchat.rooms.css
2. At the very bottom of the file, add these CSS rules:

   Code: Select all

   - This code is only accessible to donors -

3. Clear your board cache.

[HowTo] Display rooms always at the top or bottom
I have to ask, what dictates Top or Bottom ?
I am trying to put this at the bottom..


Thank You :

[kasimi]

See post #3.

[clight77]

I am blind.. lol
Thanks.

[lopoto]

[Xcalibr8]

Hello,
I first applied the code to list rooms at the top, worked well.

mchatbefore.PNG

Then I tried the tips below, not as well.

Code: Select all

- This code is only accessible to donors -

Cheers not real familiar with flex.
But this worked good for me.

Code: Select all

- This code is only accessible to donors -

Did a small change in mchat_rooms.html also, my preference only.

<div class="action-bar compact">
<div class="mchat-rooms-header">
<!-- <h3>{{ lang('MCHATROOMS_HEADER') }}</h3> -->

And a </div> at the very end.

great but it's possible to have all of your modification ?

mchat.PNG

This is without the changes to mchat_rooms.html . Tried that and it really gets messed up. However, I am not good at this stuff. I can follow specific directions but don't expect me to know html or css standards.

Any recommendations? I really like the layout but on mine the room names are broken up on some with the edit icons in the middle of the room name.

Thanks
Xcalibr8

Added in 3 minutes 2 seconds:
oh, also, would be nice if it was stretched to full width and not all bunched up on the left of the header.

[kasimi]

Sorry for the late reply. What happens when you add this CSS:

Code: Select all

- This code is only accessible to donors -