fuzetsu / manga-loader

standardize manga reading experience across the web
132 stars 61 forks source link

put image and counter into one div container #77

Closed TsXor closed 2 years ago

TsXor commented 2 years ago

before:

21:53:51

after:

21:47:55

This makes it easier to manipulate images with css.

For example, we can use flex container to make the manga display in 2 columns with this css applied:

.ml-images{
 display: inline-flex;
 align-content: flex-start;
 flex-flow: row wrap;
}
.ml-images>div{
 box-sizing: border-box;
 flex: 0 0 50%;
}

but this css doesn't work with the original script, and only makes counter larger.

TsXor commented 2 years ago

the second commit is added because this change breaks the refreshing feature (exactly, cancelling a refresh)