Help styling the hidden children stub

Plugins and Custom CSS CSS
#1

I’m trying to show the hidden children stubs as a number, appended to the end of the parent Rem, like this:

image

Instead of the default (which takes up too much space):

image

Anyone has any idea how to achieve this?

I managed to identify the class (.rem-children), and was trying to make it appear inline with the parent Rem. But that didn’t work…

///

I also couldn’t manage to hide the second part of that text (“hidden pieced of text”), which could be useful for a workaround. However, although I found the class (.HierarchyEditorChildrenList) I couldn’t manage to target that second element there…

image

1 Like
#2

This is not really possible, the number is not even a separate HTML element. I think the simplest would be to ask for data attributes that you can use as :after content similar to this: Add href as attribute for .rich-text-editor .LinkNode · Issue #407 · remnoteio/remnote-issues · GitHub

This would definitely be useful for other customizations as well, but IDK if the devs can priorize this at the moment.

1 Like
#3

Got it. Thanks

I’d never seen a structure like this ( “x” “y”) so I wasn’t sure if its something CSS could target

1 Like