andrewducker | instagram cross-post

You're viewing

andrewducker's journal
Create a Dreamwidth Account Learn More

Reload page in style: site light

andrewducker

What do you mean "What am I up to?"
Original is here on instagram.

Crossposts: https://andrewducker.livejournal.com/3972503.html

Flat | Top-Level Comments Only

From:

rmc28

excellent taste in boots, mind

From:

andrewducker

She gets her taste in boots and , indeed, her boots from her mother.

From:

dreema

"The pitter patter of tiny feet in huge combat boots"

From:

symbioid

My roomie laughs at me cuz I'll often be wearing boxers and shoes. "Where do you plan on going?" LOL.

Those are killer boots, looks ready to punk it up.

From:

simont

These Instagram crossposts nearly always end up display the image at more than twice the width that my DW style normally assigns to a post.

Fortunately, my style is also very resistant to widening – the image widens its own containing box and goes off the right of my browser window, but all the other posts on my friends list are still the normal width and legible.

But in this particular post, the effect of the image going off the right makes it look as if she's furtively peering round the corner of my browser to check that there's nobody around before making some mischief :-)

From:

andrewducker

Interesting. Not sure what it is about my theme but images always size down to the width of my screen.

From:

simont

Ah, thanks – I hadn't thought to check someone else's style.

I'm also a bit puzzled. Using Firefox's inspection tool, I see that your style has applied this CSS stanza:

.entry-content img:not(.imageshrink-exempt), .comment-content img:not(.imageshrink-exempt) {
    cursor: zoom-in;
    height: auto;
    max-width: 100%;
    max-height: 95vh;
    object-fit: contain;
    object-position: left;
}

which looks as if it's doing the important stuff, and if I paste that in manually to the Firefox inspector in my version of this post, the image becomes sensibly sized.

But I'm still puzzled, because your style apparently gets that from having this in its <head>:

<link rel="stylesheet" type="text/css" href="https://www.dreamwidth.org/stc/??css/components/quick-reply.css,css/components/imageshrink.css,css/components/icon-browser.css,jquery/jquery.ui.theme.smoothness.css,jquery/jquery.ui.button.css,jquery/jquery.ui.dialog.css,jquery.commentmanage.css,controlstrip.css,controlstrip-dark.css?v=1595816420" />

... which my style has too! So, more investigation needed as to why that isn't working in my case. But it looks as if I should be able to at least find a workaround now.

From:

simont

Aha, now fixed! Turned out that my style wasn't enclosing the content of posts in <div class="entry-content">, without which that imageshrink rule wasn't being applied.