Composer options on nodebb

[Panda]

I have made posts on the nodebb forum about this, but have additional question here.
The composer screen (to make posts) is a weak spot for NodeBB, horrible array of icons which confuse new users. Picture upload is particularly confusing.
Is the icon list bar configurable? in settings I only see this option

What option does this even do? What is it meaning by route?

[phenomlab]

@Panda said in Composer options on nodebb:

The composer screen (to make posts) is a weak spot for NodeBB, horrible array of icons which confuse new users. Picture upload is particularly confusing.
Is the icon list bar configurable?

I think it is, but you need a function or a plugin to change it. What most people do is target the buttons they do not not need or want in CSS and hide them. I agree with the picture upload - there are two actually - one for pictures themselves which is obvious, and one for files.

in settings I only see this option

All this setting does is allow the composer to start in a new window independently and not part of the current form.

[Panda]

@phenomlab there are 3 icons actually that can be confused for upload image, the first is upload pic by url. This confuses people as it uses the conventional pic icon that people associate with uploading an image.
So how using CSS (uggghh) can I stop that one showing in the composer iconbar?

[phenomlab]

@Panda that’s explained here

Make nodebb-plugin-spoilers compatible with v3

@crazycells custom css tab supports sass so you can simplify that to /* removing buttons from composer */ .composer .formatting-bar .formatting-group...(more)

NodeBB Community

[Panda]

@phenomlab
Ok thanks, so I assume I add something like this to custom css

/* removing buttons from composer */
.composer .formatting-bar .formatting-group li[data-format="????"] {
  display: none;
}

How can i find out what ??? = for url pic, if thats one I want to disable ?
Where are these icon names defined

[phenomlab]

@Panda Here you go

[Panda]

Back with another question, as although you gave me the list, I cant workout which ids are:
orangle circled (for thumbnail)
Purple circled (dont know what)

Im trying to get as many removed so that pic upload appears without needing to scroll!

[phenomlab]

@Panda You should be able to expose the CSS for these using F12 to get into console

That should then expose the element once selected

Here’s the below CSS you need based on the screenshot provided.

.composer .formatting-bar .formatting-group li[data-format="picture-o"], .composer .formatting-bar .formatting-group li[data-format="spoiler"] {
    display: none;
}