balketh

Balketh

@balketh

Eggbug was here. Eggbug mattered.

Goblin Party @ My Brain 24/7 | A week shy of 33 before Cohost closed. Cis, ACAB forever, Trans Rights Are Human Rights forever.

RIP Cohost 2024. You were the best social media site to have ever been done. Long live eggbug. If you're seeing this in the future, on some archive, be kind to others. It's the only way things get better.

Links in bio.

log inask
Tumblr
www.tumblr.com/balketh
balketh
@balketh

SOLVED - Does Anyone Know How To Do This CSS Trick On Cohost?

I recall seeing a chost someone did where they had collapsible spoilers, but they were inline - specifically, activating the spoiler would cause the text to open naturally as though it was part of the paragraph (IIRC), rather than being its own whole drop-down separated awkwardly from the paragraph/sentence. I believe it was an inline version of the < detail > and < summary > tags, but searching for anything to do with CSS inline buries me in non-Cohost-relevant actual CSS/HTML stuff.

I cannot, for the life of me, find its usage, even though I distinctly remember liking the chost to save it for later. A fool I am for not bookmarking it.

Does anyone remember/know of this power?

EDIT: For anyone that stumbles across this, @easrng basically dunked it in one, and I didn't know enough about HTML to get even that, it's all in the comments.

Needless to say, (read: incorrect, highly necessary to highlight the accuracy with which @easrng absolutely crushed it in one go, and I was a dunk not knowing that divs do newlines by default. I am, still, as of writing this, trying to figure out how to stop the details tag from newlining after it closes *within* the div.) But, needless to say,
it works, and I do describe how I wrangle it in the comments as well, just so the whole answer is there. :D
You must log in to comment.

in reply to @balketh's post:

easrng
@easrng

try like this <div>hi <details style="display:inline"><summary style="display:inline;cursor:pointer;text-decoration:underline">uwu</summary> beep boop</details> :3</div> (you need the div tag because otherwise there's html fuckery that adds extra newlines)

login to reply
balketh
@balketh

Interestingly, this works, but with or without the div tags, some manner of fuckery creates a new line before the 'hi'. It's the right outcome re: inline collapsibles, but I can't quite figure out why it newlines me. This is very close pretty much it!! Thank you for your help so far. Being honest, I did not know enough about HTML for this to be as helpful as it actually is. But, I have tried to do my reading! I got it to work in a way that is satisfactory for me, which means you solved it! :D Here's what I'm doing:

I div-wrap any paragraph that has an inline Disclosure Widget (the proper term for details/summary collapsibles, apparently!), and that'll allow me to do as many DWs inline as I want in that paragraph. And the best part is (haven't tested this yet so it's a guess) if div-tags are nestable, then I could, if desired, have additional branches of lines within the initial widget, which is something that I have wanted for this method, but was on the wishlist, and that's probably been handled, too!

Extremely helpful comment, thank you.

login to reply
Pinned Tags