Add Indent to "Hide Details"

As a Roblox developer, it is currently very annoying to look at indentations on the forum that look like this.

Chips
Doritos
Nacho Cheese Doritos
Party Size Nacho Cheese Doritos
Cool Ranch Doritos
"More Cool Ranch" Cool Ranch Doritos

When people organize their recruitment/portfolio topics like this, it’s hard to read because there’s no indentation for the “hide details” things.

It would be great if there was indentation for these, like this.

Chips
    Doritos
        Nacho Cheese Doritos
            Party Size Nacho Cheese Doritos
        Cool Ranch Doritos
            "More Cool Ranch" Cool Ranch Doritos
12 Likes

You need to go to the discourse meta forum because this is a native forum feature.

1 Like

There are a million and one ways to abuse formatting, I am not sure if this is really necessary, as it is responsibility of the user to make their post readable. However, this in itself is not a bad idea at all

4 Likes

If you want a CSS solution while Discourse hasn’t done this, this should do the trick.

.cooked details > :not(summary) {
    padding-left: 25px;
}
3 Likes

I’m not an HTTP scripter or anything, can you use that in an example so I can see how its used?

HTTP is a communication protocol, not a scripting language. The example she showed is CSS, which is a styling language.

You can get the Stylus extension, click on Manage
image

and then Write new style
image

then paste in the code and save it

2 Likes