Another (maybe minor) Planet Caravan Bug

[siliconsara]

Sorry to bother style_system again.

I noticed that when an entry bears the name and/or community at the top it messes up the position of the icon.

Here's the icon as seen from the reading, network and single entry page:



Though when the name (and community) are missing (for instance, on the recent entries view) the icon is positioned further down:



I removed my custom CSS to see if that was the problem, but it's still the same.

Any guidance please?

Comments

[marahmarie]

I'm confused. You say, "when an entry bears the name and/or community at the top it messes up the position of the icon" then post a screen cap that shows it looking pretty much alright (if you want its bottom flush with the text bottom vertical-align:baseline added to your .poster custom CSS should do the trick - and yeah, I'm fanatical about getting icon and text bottoms all flush myself).

Then you say, "Though when the name [...] is missing (for instance, on the recent entries view) the icon is positioned further down" then post a screen cap that does not seem to show the icon - or the problem with its positioning - at all. Sorry if I'm just being dense (a quality I'm rather well-known for on DW, my density often rivals any of my other qualities for sheer intensity) but I'm not sure exactly what's wrong there (it's not going to show on your own recent view, though, neither is your poster name, just fwiw). :)

ETA: but if you just want to close the space for .poster on the recent view of your own DW we can do that, so let me (or anyone else here, I'm going to be at work tomorrow) know and I'm sure I or they can help you get it done...

ETA2 Arrrgh, you meant user-icon, didn't you? Told you, I'm dense...I see "icon" and immediately think of the little DW/LJ guy, sorry. Let me take a look real quick...

[siliconsara]

Sorry about that! Yeah, I meant the user icon, the 100px entity on each entry.

Anyway, thank you for looking into it!. :)

Code to fix .userpic (the bigger user icon)

[marahmarie]

Assuming that this is what you want/need:

.page-network .userpic,.page-read .userpic,.page-entry .userpic,.page-reply .userpic
{margin-top:-.35em!important;}

Gets the bigger user icon in the same position as it is on .page-recent.

Re: Code to fix .userpic (the bigger user icon)

[siliconsara]

A-ha! I knew there had to be some sort of CSS hook somewhere that was unique to each page. Learned something new! And thank you for your time and CSS fix! It worked like a charm. ❤

Re: Code to fix .userpic (the bigger user icon)

[marahmarie]

You're welcome! And yes, I could not live without the .page view HTML body classes. That's why coding CSS for my one Google userscript is often such a complete PITA; Google doesn't do very specific targeting of HTML body classes or IDs on its main search, result, and GMail pages, while DW does. And I so love it (though, to be honest, DW inherited most of that code from LJ; we just happen to use it on maybe a few more page-views than LJ does - for instance, on LJ, in Bloggish, there is no body class for what we call .page-reply here). My favorite layout to hack work on on LJ was Bloggish (it's Transmog over here, though that layout you have is AWESOME I must hack it check it out soon) so that was very annoying. I used to have to hand-code the entire freaking page through global hacks like * and what was very experimental CSS2 at the time for first-of-type and last-of-type and first-child and all that just to style one reply page. And it's 3am and here I am just rambling...anyhow, glad you got it sorted. :)