Random class names

[tessus]

Why are there now random class names in CSS?

Do they change from version to version? Are they the same for every person (or are they different for you and me)?

e.g. I want to remove the markdown/editor buttons , so how do I do that?

[dpoulton]

I use

 button.tox-tbtn {
	/* removes the WYSIWYG button */
	 display: none !important;
}

and it seems those random looking classes can change with each build.

Pre-release 1.2 is available for testing

Indeed, I see it now. That must be due to the sidebar rendering optimisation, I'll look into it. Yes don't rely on these random names as they are generated by the styling library. For now, you can use the non-random classes or selectors like div p span {} etc to get to the element you need to target.

[tessus]

Thanks for the answer. Which means it doesn't make mucxh sense to add button.tox-tbtn to my css.

Hmm, interesting. Maybe there's a way to tell this sidebar rendering optimization engine not to use random css names.
The problem with selectors is that they might not be unique and thus they would screw up the UI. See this comment.

[laurent]

The lib we use is styled-components and I’m not sure there’s an option for more stable names.

We can always add class names ourselves though. I think we should create a list of elements that could use a class name, then once we have the list it’s quite easy to add them to the app.

[dpoulton]

That one has worked for me for all versions since the interface changed. However I can see what you mean in that this may actually be a random-type class so I have just devised one using "standard" elements which seems to do the job.

 div.editor-toolbar div button {
	/* removes the WYSIWYG button */
	 display: none !important;
}

Edit: Also changed it on the wiki page

[tessus]

@laurent

I think we should create a list of elements that could use a class name, then once we have the list it’s quite easy to add them to the app.

Yes, I have started this list a while ago....

List of CSS elements which should have a class

[tessus]

@dpoulton

I have just devised one using "standard" elements

Thank you. I'm always afraid that I click this button by accident, which in turn would most likely fuck up my notes, since I use plugins and formatting not supported by the WYSIWYG editor.
I do have daily backups, but you never know....