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;
}
!nostupidquestions is a community space 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:
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.
Your question subject cannot be illegal or NSFW material. You will be warned first, banned second.
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.
That’s it.
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.
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.
If you vocally 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.
For further explanation, clarification and feedback about this rule, you may follow this link.
Let everyone have their own content.
Unless included in our Whitelist for Bots, your bot will not be allowed to participate in this community. To have your bot whitelisted, please contact the moderators for a short review.
You can view our partnered communities list by following this link. To partner with our community and be included, you are free to message the moderators or comment on a pinned post.
For inquiry on becoming a moderator of this community, you may comment on the pinned post of the time, or simply shoot a message to the current moderators.
To find & join our chat room, log into fluffychat.im(or any other matrix client) and put #nostupidquestions:matrix.org
on the search bar.
Our breathtaking icon was bestowed upon us by @Cevilia!
The greatest banner of all time: by @TheOneWithTheHair!
Changing
.img-expanded { max-height: unset; }
to.img-expanded:not(.banner):not(.avatar-overlay) { max-height: unset; }
Fixes the banner and Lemmy icon, since they’re listed as .img-expanded for some reason. I’m hoping to figure out how to make it overlay the image on top of the sidebar, or at least only push it away while the image is opened.How is this not a solved problem? Am I the only person who cares about seeing the image at a larger resolution?
Nice.
Tradeoffs I’d imagine. Lemmy devs need to prioritize between lots of things that absolutely need to be addressed first (like the recent vulnerabilities), and as a result relatively “minor” issues like this gets stuck on the sidelines. In addition to that, “beauty is in the eye of beholder”, so spending development time on this stuff when it might not even be acceptable to people is… well, wasteful.
That being said, the code is open source, so anyone can help and contribute improvements/fixes.
Definitely not. I didn’t quite realize just how much of a difference this would make, but now that I’ve added it to CSS overrides it does make a huge difference. Thanks for pointing it out.
It’s not just a Lemmy thing. Imgur has the same problem too, and the only reason it exists is for images.
Anyway, I don’t think this fix is ideal, but I’m going to head to a CSS community to get it working properly.
I improved the fix and edited the post to show it. Now it doesn’t mess with the sidebar and leaves the margin on the left for everything but images. And I added something to outline expandos. I’m tired of accidentally opening links. I really wish they weren’t opened the same way, but that’s not something i can fix with CSS.