any option to stretch

[308090b]

is there any option to strech the image to fit the container? i end up just going to other sites that support the webcomicreader extension when they are low res because its annoying to read when fit to container doesnt stretch the image to fit and only shrinks

 

[Teddy]

Press F to...


Resize to container or ^f.

You can see more options in the gear icon of the reader that usually denotes settings on desktops.

For mobile it is usually automatic

 

[308090b]

@teddy

it doesnt stretch

 

[Teddy]

Are you using a tablet? I'm not too sure about those.

 

[421cookies]

@308090b Fit to width doesn't work? Maybe you filled in the container's maximum width?

 

[Teasday]

@308090b There's no mode that stretches out smaller images to fill an area because it makes the images look worse.

Although if you want to, regardless, you could try adding these css rules by using e.g. Stylus. They... should work, I guess. Didn't exactly spend a lot of time checking.

.reader.fit-horizontal .reader-images, .reader.fit-horizontal .reader-image-wrapper, .reader.fit-horizontal .reader-image-wrapper img {
    min-width: 100%;
}
.reader.fit-vertical .reader-images, .reader.fit-vertical .reader-image-wrapper, .reader.fit-vertical .reader-image-wrapper img {
    min-height: 100%;
}
.reader-image-wrapper img {
    object-fit: contain;
}

 

[308090b]

of course it makes it look SLIGHTLY worse but why wouldnt you make it an option ?
also it doesnt look worse if you dont wanna read a page at half the screen size sometimes.
This site has to be the only site that doesnt work with webcomicreader userscript

 

[Holo]

Shouldn't you complain to webcomicreader? lol

 

[DANDAN_THE_DANDAN]

This is MangaDex not webcomicreader ._.

 

[308090b]

why would I complain to a script to add a site that should just have the feature?

 

[Plykiya]

@308090b Because we currently have no interest in making an image mode that only makes things look worse.

 

[DANDAN_THE_DANDAN]

Try this:

Go to a manga,
Click the settings grey box,
(Make sure your reader is Legacy),
Scroll down until you find "image fit",
Choose the option you want.

 

[firelight]

I've been using a userscript to stretch images since september 2018. If the CSS Teasday posted doesn't work, try this:

// ==UserScript==
// @name MangaDex - stretch images
// @namespace firelight
// @include https://mangadex.org/chapter/*
// @version 1
// @grant none
// ==/UserScript==

// https://github.com/greasemonkey/greasemonkey/issues/2724
var style = document.createElement('style');
style.textContent = `
.reader-images img {
width: 3000px;
object-fit: contain;
}
`;
document.documentElement.appendChild(style);

 

[308090b]

@Plykiya
oof "only makes it look worse"
you people have the iq of an ant.
@firelight
i fixed it with a script
but its a "fix" to a site that should have the feature. Which would take literally no time to add and would convenience many and inconvenience none