diff --git a/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss b/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss index 7132626f9..2db71d374 100644 --- a/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss +++ b/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss @@ -156,6 +156,7 @@ $primary-color: #0062cc; .reading-section { height: 100vh; width: 100%; + overflow: auto; } .book-content { diff --git a/UI/Web/src/app/manga-reader/manga-reader.component.scss b/UI/Web/src/app/manga-reader/manga-reader.component.scss index ff14d355d..451f5ff0c 100644 --- a/UI/Web/src/app/manga-reader/manga-reader.component.scss +++ b/UI/Web/src/app/manga-reader/manga-reader.component.scss @@ -26,6 +26,7 @@ canvas { .reader { background-color: black; + overflow: auto; img { align-items: center; @@ -54,6 +55,8 @@ canvas { } + + .overlay { background-color: rgba(0,0,0,0.5); backdrop-filter: blur(10px); // BUG: This doesn't work on Firefox