[HowTo] Display rooms always at the top or bottom

[kasimi]

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.

[NAPWR]

Works a Treat Kasimi, thanks mate.

oh and the reason for this change,

you might ask,

is users like the wider chat screen for pictures etc.


p.s. a code for - 'Rooms at Bottom' would be beneficial too,

as rooms are out of the way from the heading.

[kasimi]

p.s. a code for - 'Rooms at Bottom' would be beneficial too,

Change order: -1; to order: 2; to move the rooms to the bottom.

[NAPWR]

Thanks Kasimi,

your a genius.

[clight77]

Super nice
Is there a way to have the rooms displayed inline instead of vertical so they take up less real estate?

THX.

[kasimi]

Lots of ways to style it, maybe this gets you started:

Code: Select all

- This code is only accessible to donors -

[clight77]

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.

[kasimi]

Sounds cool, mind posting a screenshot?

[clight77]

Yep here yah go.
I use prosilver with modified css
This is all prosilver

[Tigers]

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 ?