AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Webtoon Polish (#734)

Browse source 
* Removed some code for a feature I'm not taking further

* Webtoon reader will now use fit to width instead of original to prevent overflow for high res images

* Added an effect when a user bookmarks an image in the reader

* Split the prefetching from the current page calculation code. Dynamically set width on images if they are wider than device screen.

* Dragging on the slider now shows the value on tooltip

* Slider now updates for non-webtoon reader mode when you drag it.

* Fixed a bunch of package security issues

* Updated dependencies for security

* Tweaked the current page check to use top 25% of screen to trigger the page change.
This commit is contained in:
Joseph Milazzo 2021-11-08 11:34:06 -06:00 • committed by GitHub
parent 93e5e0a68f
commit 50429777d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 219 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

15
UI/Web/src/app/manga-reader/manga-reader.component.scss
View file

@ -223,6 +223,7 @@ canvas {
.webtoon-images {
text-align: center;
width: 100%;
}
.highlight {
@ -234,6 +235,20 @@ canvas {
animation: fadein .5s both;
}
.bookmark-effect {
animation: bookmark 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@keyframes bookmark {
0%, 100% {
filter: opacity(1);
}
50% {
filter: opacity(0.25);
}
}
// DEBUG
.active-image {
border: 5px solid red;