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

Adding code to make sure bottom actionbar is applied on layout change (#1258)

Browse source
This commit is contained in:
Robbie Davis 2022-05-15 17:21:17 -04:00 • committed by GitHub
parent bb791b7789
commit 92fb185f20
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
UI/Web/src/app/book-reader/book-reader/book-reader.component.ts
View file

@ -818,7 +818,6 @@ export class BookReaderComponent implements OnInit, AfterViewInit, OnDestroy {
setupPage(part?: string | undefined, scrollTop?: number | undefined) { setupPage(part?: string | undefined, scrollTop?: number | undefined) {
this.isLoading = false; this.isLoading = false;
this.scrollbarNeeded = this.readingHtml.nativeElement.clientHeight > this.reader.nativeElement.clientHeight;
// Virtual Paging stuff // Virtual Paging stuff
this.updateWidthAndHeightCalcs(); this.updateWidthAndHeightCalcs();
@ -1099,6 +1098,9 @@ export class BookReaderComponent implements OnInit, AfterViewInit, OnDestroy {
updateWidthAndHeightCalcs() { updateWidthAndHeightCalcs() {
this.windowHeight = Math.max(this.readingSectionElemRef.nativeElement.clientHeight, window.innerHeight); this.windowHeight = Math.max(this.readingSectionElemRef.nativeElement.clientHeight, window.innerHeight);
this.windowWidth = Math.max(this.readingSectionElemRef.nativeElement.clientWidth, window.innerWidth); this.windowWidth = Math.max(this.readingSectionElemRef.nativeElement.clientWidth, window.innerWidth);
// Recalculate if bottom action bar is needed
this.scrollbarNeeded = this.readingHtml.nativeElement.clientHeight > this.reader.nativeElement.clientHeight;
} }
toggleDrawer() { toggleDrawer() {
@ -1193,6 +1195,9 @@ export class BookReaderComponent implements OnInit, AfterViewInit, OnDestroy {
// Remove any max-heights from column layout // Remove any max-heights from column layout
this.updateImagesWithHeight(); this.updateImagesWithHeight();
// Calulate if bottom actionbar is needed. On a timeout to get accurate heights
setTimeout(() => {this.scrollbarNeeded = this.readingHtml.nativeElement.clientHeight > this.reader.nativeElement.clientHeight;});
} }
updateReadingDirection(readingDirection: ReadingDirection) { updateReadingDirection(readingDirection: ReadingDirection) {