Use id attribute to query reading progress element (#467)
no issue - using an `id` selector doesn't break if other `progress` elements are present on a page
This commit is contained in:
parent
1bf2cdb52a
commit
9b56779ca6
|
@ -20,7 +20,7 @@
|
||||||
{{> "icons/facebook"}}
|
{{> "icons/facebook"}}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<progress class="progress" value="0">
|
<progress id="reading-progress" class="progress" value="0">
|
||||||
<div class="progress-container">
|
<div class="progress-container">
|
||||||
<span class="progress-bar"></span>
|
<span class="progress-bar"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
2
post.hbs
2
post.hbs
|
@ -143,7 +143,7 @@ $(document).ready(function () {
|
||||||
$postContent.fitVids();
|
$postContent.fitVids();
|
||||||
// End fitVids
|
// End fitVids
|
||||||
|
|
||||||
var progressBar = document.querySelector('progress');
|
var progressBar = document.querySelector('#reading-progress');
|
||||||
var header = document.querySelector('.floating-header');
|
var header = document.querySelector('.floating-header');
|
||||||
var title = document.querySelector('.post-full-title');
|
var title = document.querySelector('.post-full-title');
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue