Under review

Remove border from images

Kitsune Collector 8 years ago updated by Digby (Community Manager) 7 years ago 2

I noticed when adding an image with markdown code a gray border is around it. This makes transparent PNGs look weird. Perhaps a global bit of code could be added to the stylesheets to remove all borders from images? I don't know if that will mess with submissions BUT it's so thin I don't think it will.

img {border:0 !important;}


I think this would be nice to have! Though only would need to change the current css rather than overriding all images. Currently markdown images have a light grey border and a tiiiny margin:

.typography--md img {
    display: inline-block;
    max-width: 100%;
    margin: .125rem;            /* Tiny margin */
    border: 1px solid #515157;  /* Grey border */

I don't believe the border property is necessary since it presents issues with transparent images, as Kitsune said.

Also found that the added margin causes the right-hand border to disappear with images on the profile page, which can look odd:

It would be nice to at least have the disappearing border fixed, though it'd be nicer to have no border at all :)

Under review

I've put this on my list of items to review with the developers. It's not a high-priority issue, but I do like the way it looks without the border.