merging the two button rows in the rich text editor

[Brax]

Is there a way to merge the two rows of buttons in the RTE into one? I've removed a large number of them via CSS and they would easily fit (and look much better!) onto one row.

Thanks!

 

[Brax]

Anyone?

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this:

.mceToolbar
{
	display: inline !important;
}

 

[Shelley]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this:

.mceToolbar
{
display: inline !important;
}

Awesome, dunno why i never thought of doing this before.

edit: Excellent work Jake, yet again.

For those with fixed styles and want to do the same you may notice some icons being cut and not displaying. what I did to display the last icon was lower the width of the fontfamily/size dropdowns.

.mceToolbar
{
   display: inline !important;
 
}
    .xenForoSkin .mceListBox .mceText {
     width: 60px !important;
}

 

[Brax]

Worked like a champ, Jake, thanks!

 

[Shelley]

For those with fixed styles and are using this you'll notice in the conversation area the editor is broken. It's not a great solution but it's one I'm prepared to make myself by removing the sidebar within conversations.The only pitfall to this is the participants block if you happen to have more 3 or more people in conversations.

.conversation_view .sidebar {
    display: none;
}
.conversation_view .mainContent {
    margin-right: 0;
}

 

[Shelley]

Another issue for those thinking of doing this. Starting to think having it on one line might not be a good idea.

 

[Shelley]

Another issue for those thinking of doing this. Starting to think having it on one line might not be a good idea.

View attachment 34053

To fix this issue for anyone that done the initial edit paste the following in extra css template

.xenOverlay .InlineMessageEditor {
width: 735px;
}