thread collapsing in plain

[caput_mortuum]

 I'm adjusting the comment page for a plain theme.

Question: when the threads collapse, this style basically just displays a truncated comment header. However, in DW's site comment system collapsed comments have their own class (cmtpartial) and are displayed differently, with different font properties and such
I would like to have that, is there a way to keep that?

Comments

[momijizukamori]

Assuming you're playing with a core2 theme, you'll want to target .comment .partial for CSS - all comments get .comment, and then collapsed ones get .partial.

[caput_mortuum]

Ah thanks! Is tabula rasa core2? :) I'm not sure where to find that. Urgh nevermind, ijust checked the sidebar orz

[momijizukamori]

Yes, it is! All DW default themes save Zesty are core2 - but sometimes people import old themes from LJ which are based on core1, and don't have the same CSS.

Tabula Rasa is actually our 'basic' core2 journal style - it's got all of the 'default' styling for core2 built in :)

[momijizukamori]

And by way of example, the CSS for collapsed comments on the new site-scheme pages (which uses the same output as journal-style pages) is this:

/*Styling for collapsed comments*/
.partial h4.comment-title {font-size: 1em; display:inline; font-weight:normal;}
.partial h4.comment-title a {font-size: 1em; display:inline; font-weight:normal;}
.partial .poster {display:inline;}

[caput_mortuum]

Aaaah, thank you! :DDD

[momijizukamori]

No prob! I was the one who wrote it, so I knew where I could go grab it fast *g*

[caput_mortuum]

I've put it in and it's working great for the formatting, but I still have the comment subject and everything else displayed in two lines?

[momijizukamori]

Hmmm. The 'display: inline' should take care of that, but there may be other CSS in Tabula Rasa that's messing with it. Have you tried adding '!important' to the display lines?

[caput_mortuum]

I have, yes :( The thread is here, if it helps any? http://ffa-tester.dreamwidth.org/394.html

[momijizukamori]

Hmm. For some reason it seems like the first line of CSS isn't making it in, but the second and third (confusingly) are.

Try


.partial h4.comment-title a, .partial h4.comment-title {
display: inline !important;
font-size: 1em;
font-weight: normal;
}

instead of the first and second lines, maybe? The h4 is the problem - it wants to be a block element, and it's pushing everything else to the next line because of it.

[caput_mortuum]

That works! :D Thank you so much!!

[caput_mortuum]

I'm currently trying to move the icons into the header, so that the header also stretches when there's an icon, is that possible? The default comment scheme has the icons in the comment header, too, but what do I have to changeeee.

[made it with .has-userpic though that doesn't feel very elegant?]

[momijizukamori]

Off hand, I think most of the 'nice' ways to do it involve S2, not just pure CSS, unfortunately :(