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

More Reader Bugfixes (#1255)

Browse source 
* Added css to center images

* Better scaling css

* Removing vertical height css for actionbar calc

* Fixed a bug where book settings couldn't be saved due to typo in model

* fixing height across layouts

* Fixed an issue where column mode would reset to user preference default between continuous reader loads

* Fixing some more logic

* Reading direction arrow keys now flip

* Small code cleanup on Robbie's code

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>
This commit is contained in:
Joseph Milazzo 2022-05-14 17:02:58 -05:00 • committed by GitHub
parent be5b997259
commit d458a823ef
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 112 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -18,15 +18,13 @@ img {
}
.reading-area {
display: flex;
justify-content: center;
position: relative;
overflow: auto;
height: calc(var(--vh)*100);
}
.image-container {
text-align: center;
height: 100vh;
// Original
//display: block;
@ -35,6 +33,22 @@ img {
//display: flex; // Leave this off as it can cutoff the image
align-items: center;
&.full-width {
width: 100vw;
height: calc(var(--vh)*100);
display: grid;
}
&.full-height {
height: 100vh;
display: grid;
}
&.original {
height: 100vh;
display: grid;
}
#image-1 {
&.double {
margin: 0 0 0 auto;
@ -95,17 +109,22 @@ img {
.full-height {
width: auto;
margin: 0 auto;
max-height: 100%;
max-height: calc(var(--vh)*100);
vertical-align: top;
}
.original {
align-self: center;
align-self: center;
width: auto;
margin: 0 auto;
vertical-align: top;
}
.full-width {
max-width: 100%;
align-self: center;
width: 100%;
margin: 0 auto;
vertical-align: top;
max-width: fit-content;
&.double {
width: 50%;