[HowTo] Move mChat input field to the top

[kasimi]

Add this CSS to your mchat.css file or any other .css file that is loaded with mChat:

Code: Select all

#mchat-body {
    display: flex;
    flex-direction: column;
}

#mchat-panel {
    order: 1;
}

#mchat-main {
    order: 2;
}

[mastnacek]

Excellent!!! Big thanks man!

[jan_2017]

Solution from this topic?

viewtopic.php?f=4&t=301#p1996

[kasimi]

I don't see how the topic you linked is related, can you elaborate?

[jan_2017]

I don't see how the topic you linked is related, can you elaborate?

Can you please post a screenshot of the above change?

Bye Jan

[kasimi]

This topic is about mChat's textarea, the element you type your message in.

Go to the mchat_demo, hit Shift+F7 in Firefox to open the style editor, click the + on the far left and paste the CSS into the editor. You can do the same on your board to see a live preview of what it would look like on your customized mChat.

[mastnacek]

So that i dont know and its great tip! Thanks!

[miri4ever]

Working nicely but must be done by hand each time. Maybe a future setting for customize.