Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Reader: add progress slider

Browse Source
This commit is contained in:
John Factotum
2022-10-22 18:29:52 +00:00
committed by GitHub
parent c3598e3c38
commit 21bf6499a4
2 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
reader.html
+6 -11
View File
@@ -77,16 +77,10 @@ body {
#nav-bar {
bottom: 0;
}
#progress-label {
font-size: small;
font-variant-numeric: tabular-nums;
color: GrayText;
}
.scrolled #progress-label {
color: #fff;
background: #000;
border-radius: 2em;
padding: 6px 12px;
#progress-slider {
flex-grow: 1;
margin: 0 12px;
visibility: hidden;
}
#side-bar {
visibility: hidden;
@@ -294,7 +288,8 @@ body {
<path d="M 15 6 L 9 12 L 15 18"/>
</svg>
</button>
<div id="progress-label"></div>
<input id="progress-slider" type="range" min="0" max="1" step="any" list="tick-marks">
<datalist id="tick-marks"></datalist>
<button id="right-button" aria-label="Go right">
<svg class="icon" width="24" height="24" aria-hidden="true">
<path d="M 9 6 L 15 12 L 9 18"/>