Fixed scroll bug on mobile reader

SagsMug · Sep 18, 2022 · 9c77d5e · 9c77d5e
1 parent 1f8aafd
commit 9c77d5e
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/css/Chapter.css b/src/css/Chapter.css
@@ -327,22 +327,32 @@ body {
 .reader[data-renderer="long-strip"].fit-vertical .reader-image-wrapper img {
 	object-fit: scale-down;
 }
-.reader-main,
+/*.reader-main,
 .reader-images,
 .reader-image-wrapper,
-/*.reader-images img {
+.reader-images img {
 	max-width: none;
 	max-height: none;
 }*/
+
 .reader.fit-vertical:not([data-renderer="long-strip"]) .reader-main {
 	/* this height & .reader-images.col seem necessary */
 	height: calc(100vh - 3.5rem);
-	max-height: calc(100vh - 3.5rem);
-	overflow-x: auto;
 }
 .reader.fit-vertical[data-renderer="long-strip"] .reader-main {
 	height: calc(100vh - 3.5rem);
-	max-height: unset;
+}
+@media (min-width: 992px) {
+	.reader.fit-vertical:not([data-renderer="long-strip"]) .reader-main {
+		/* this height & .reader-images.col seem necessary */
+		height: calc(100vh - 3.5rem);
+		max-height: calc(100vh - 3.5rem);
+		overflow-x: auto;
+	}
+	.reader.fit-vertical[data-renderer="long-strip"] .reader-main {
+		height: calc(100vh - 3.5rem);
+		max-height: unset;
+	}
 }
 .reader.fit-vertical.hide-header .reader-main {
 	height: calc(100vh - 3.5rem);