this post was submitted on 13 Jul 2023

20 points (95.5% liked)

No Stupid Questions

35944 readers

1951 users here now

No such thing. Ask away!

!nostupidquestions is a community dedicated to being helpful and answering each others' questions on various topics.

The rules for posting and commenting, besides the rules defined here for lemmy.world, are as follows:

Rules (interactive)

Rule 1- All posts must be legitimate questions. All post titles must include a question.

All posts must be legitimate questions, and all post titles must include a question. Questions that are joke or trolling questions, memes, song lyrics as title, etc. are not allowed here. See Rule 6 for all exceptions.

Rule 2- Your question subject cannot be illegal or NSFW material.

Your question subject cannot be illegal or NSFW material. You will be warned first, banned second.

Rule 3- Do not seek mental, medical and professional help here.

Do not seek mental, medical and professional help here. Breaking this rule will not get you or your post removed, but it will put you at risk, and possibly in danger.

Rule 4- No self promotion or upvote-farming of any kind.

That's it.

Rule 5- No baiting or sealioning or promoting an agenda.

Questions which, instead of being of an innocuous nature, are specifically intended (based on reports and in the opinion of our crack moderation team) to bait users into ideological wars on charged political topics will be removed and the authors warned - or banned - depending on severity.

Rule 6- Regarding META posts and joke questions.

Provided it is about the community itself, you may post non-question posts using the [META] tag on your post title.

On fridays, you are allowed to post meme and troll questions, on the condition that it's in text format only, and conforms with our other rules. These posts MUST include the [NSQ Friday] tag in their title.

If you post a serious question on friday and are looking only for legitimate answers, then please include the [Serious] tag on your post. Irrelevant replies will then be removed by moderators.

Rule 7- You can't intentionally annoy, mock, or harass other members.

If you intentionally annoy, mock, harass, or discriminate against any individual member, you will be removed.

Likewise, if you are a member, sympathiser or a resemblant of a movement that is known to largely hate, mock, discriminate against, and/or want to take lives of a group of people, and you were provably vocal about your hate, then you will be banned on sight.

Rule 8- All comments should try to stay relevant to their parent content.

Rule 9- Reposts from other platforms are not allowed.

Let everyone have their own content.

Rule 10- Majority of bots aren't allowed to participate here.

Credits

Our breathtaking icon was bestowed upon us by @Cevilia!

The greatest banner of all time: by @TheOneWithTheHair!

founded 1 year ago

MODERATORS

How do I set Lemmy to fully expand images? (self.nostupidquestions)

submitted 1 year ago* (last edited 1 year ago) by Archpawn to c/nostupidquestions

17 comments fedilink hide all child comments

Right now, the only method I found is to click on the expando, then right click on the image and open it in a new tab. Is there a way to make it so I can just click it once? I can't imagine any possible scenario where I'd want to see a large but not full size image.

I'm using the browser on my computer if that's relevant.

Edit: I got it to work using the Stylus addon and:

.img-expanded:not(.banner, .avatar-overlay) {
    max-height: unset;
    max-width: 100vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    outline: auto;
    outline-color: black;
    z-index: 1;
}

I also made it outline any expandos with:

/*Note: Links are exactly the same except without bg-transparent, so using not(bg-transparent) instead will outline the links instead of the expandos. Also, they're outlined orange unless you change it, so you could take that off, give them all outlines, and you can tell which they are based on the color.*/
.thumbnail.rounded.overflow-hidden.d-inline-block.position-relative.p-0.border-0.bg-transparent {
    outline: auto;
}

you are viewing a single comment's thread
view the rest of the comments

[–] _HR_ 4 points 1 year ago (11 children)

You could add .img-expanded { max-height: unset; } as a rule for your lemmy instance in the Stylus addon for browser. This will remove the height limiter for images.

[–] Archpawn 2 points 1 year ago (6 children)

I tried that. It still seems to be limiting the width. How can I make it so it can stretch from one side of the screen to the other?

[–] _HR_ 2 points 1 year ago (5 children)

This will allow maximum expansion, but will somewhat break display of the sidebar:

.col-lg-9, .col-md-8 {
    width: unset;
}

.container-lg, .container-md, .container-sm, .container {
    max-width: unset;
}

.offset-sm-3 {
    margin-left: unset;
}

I've only tested with a few [email protected] posts, and couldn't quickly find whether this would affect images in comments.

[–] _HR_ 1 points 1 year ago

For images inside comments (also can break sidebar):

.md-div img { max-height: unset; }

load more comments (4 replies)

load more comments (8 replies)