[HowTo] Move mChat input field to the top

Support area for phpBB's mChat extension
Post Reply
User avatar
kasimi
mChat developer
Posts: 917
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

[HowTo] Move mChat input field to the top

#1

Post by kasimi » 10 Dec 2018, 22:03

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
Donor
Posts: 24
Joined: 10 Dec 2018, 19:48

Re: [HowTo] Move mChat input field to the top

#2

Post by mastnacek » 11 Dec 2018, 08:10

Excellent!!! Big thanks man!

User avatar
jan_2017
Distinguished Donor
Posts: 131
Joined: 13 May 2017, 18:07

Re: [HowTo] Move mChat input field to the top

#3

Post by jan_2017 » 11 Dec 2018, 23:34

Solution from this topic?

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

User avatar
kasimi
mChat developer
Posts: 917
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: [HowTo] Move mChat input field to the top

#4

Post by kasimi » 12 Dec 2018, 09:39

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

User avatar
jan_2017
Distinguished Donor
Posts: 131
Joined: 13 May 2017, 18:07

Re: [HowTo] Move mChat input field to the top

#5

Post by jan_2017 » 14 Dec 2018, 06:06

kasimi wrote:
12 Dec 2018, 09:39
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

User avatar
kasimi
mChat developer
Posts: 917
Joined: 06 Oct 2016, 09:56
Location: Germany
Contact:

Re: [HowTo] Move mChat input field to the top

#6

Post by kasimi » 14 Dec 2018, 10:36

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. :+1:

mastnacek
Donor
Posts: 24
Joined: 10 Dec 2018, 19:48

Re: [HowTo] Move mChat input field to the top

#7

Post by mastnacek » 14 Dec 2018, 10:46

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

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest