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

Reader Fixes and Enhancements (#880)

Browse source 
* Don't show an exception when bookmarking doesn't have anything to change.

* Cleaned up the bookmark code a bit.

* Implemented fullscreen mode in the web reader. Refactored User Settings to move Password and 3rd Party Clients to a tab rather than accordion. Removed color filters for web reader.

* Implemented fullscreen mode into book reader

* Added some code for toggling fullscreen which re-renders the screen to ensure the fitting works optimially

* Fixed an issue where moving from FitToScreen -> Split (L/R) wouldn't render the screen correctly due to canvas not being reset.

* Fixed bad optimization and scaling when drawing fit to screen

* Removed left/right highlights on page direction change in favor for icons. Double arrow will dictate the page change.

* Reduced overlay auto close time to 3 seconds

* Updated the paginging direction overlay to use icons and colors. Added a blur effect on menus

* Removed debug flags
This commit is contained in:
Joseph Milazzo 2022-01-02 18:10:37 -07:00 • committed by GitHub
parent ca5c67020e
commit 720c52f494
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 1620 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,8 +6,6 @@ $side-width: 25%;
$dash-width: 3px;
$pointer-offset: 5px;
$secondary-color: #CCC;
@media(min-width: 600px) {
.overlay .left .i {
@ -18,7 +16,6 @@ $secondary-color: #CCC;
}
}
.btn-icon {
color: white;
}
@ -35,6 +32,10 @@ canvas {
}
}
.loading {
position: absolute;
left: 48%;
@ -48,14 +49,6 @@ canvas {
white-space: nowrap;
}
.filter-dark {
filter: brightness(0.65);
}
.filter-sepia {
filter: sepia(80%) hue-rotate(349deg) saturate(200%) brightness(0.65);
}
.bottom-menu {
padding: 20px 20px;
}
@ -63,6 +56,7 @@ canvas {
.overlay {
background-color: rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
color: white;
}
@ -226,15 +220,28 @@ canvas {
width: 100%;
}
.highlight {
background-color: rgba(65, 225, 100, 0.5) !important;
animation: fadein .5s both;
}
.highlight-2 {
background-color: rgba(65, 105, 225, 0.5) !important;
animation: fadein .5s both;
.pagination-area {
display: flex;
align-items: center;
justify-content: center;
i {
color: white;
font-size: 42px;
}
}
.highlight {
background-color: rgba(65, 225, 100, 0.5) !important;
animation: fadein .5s both;
backdrop-filter: blur(10px);
}
.highlight-2 {
background-color: rgba(65, 105, 225, 0.5) !important;
animation: fadein .5s both;
backdrop-filter: blur(10px);
}
.bookmark-effect {
animation: bookmark 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);