diff --git a/comic_reader.css b/comic_reader.css index 3593da9..0809aca 100644 --- a/comic_reader.css +++ b/comic_reader.css @@ -4,8 +4,14 @@ #reader-frame { - overflow: hidden; + display: flex; + flex-direction: column; +} + +#reader-content { + flex: 1; position: relative; + overflow: hidden; } #reader-pages { @@ -128,15 +134,12 @@ } #reader-progress-container { - height: var(--reader-progressbar-height); - bottom: var(--reader-progressbar-height); - position: relative; background-color: dimgray; } #reader-progress-bar{ + height: var(--reader-progressbar-height); background-color: whitesmoke; - height: 100%; width: 0%; transition: all 0.5s ease-in-out; } \ No newline at end of file diff --git a/comic_reader_test_high_res.html b/comic_reader_test_high_res.html index fb48a5b..9f28024 100644 --- a/comic_reader_test_high_res.html +++ b/comic_reader_test_high_res.html @@ -11,41 +11,45 @@
- +
-
-
-
-
-
-
-
- - - -
-
-
F
: Toggle fullscreen
-
←
/ scroll up / clic left : previous panel
-
→
/ scroll down / clic center or right : next panel
-
SHIFT
+
←
/
→
: previous / next page
+ + +
+
+
+
+
+
+
+ + + +
+
+
F
: Toggle fullscreen
+
←
/ scroll up / clic left : previous panel
+
→
/ scroll down / clic center or right : next panel
+
SHIFT
+
←
/
→
: previous / next page
+
+
+