mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2024-05-28 22:18:05 +00:00
Code Issues Projects Releases Wiki Activity

My implementation progress bar at the top of the page #1348

Browse source
This commit is contained in:
Alexandr Danilov 2015-08-17 01:50:46 +03:00
parent d75a9fa38b
commit fcb3faf109
3 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entry.html.twig
View file

@ -3,6 +3,9 @@
{% block title %}{{ entry.title|raw }} ({{ entry.domainName }}){% endblock %}
{% block menu %}
<div class="progress">
<div class="determinate"></div>
</div>
<nav class="hide-on-large-only">
<div class="nav-wrapper cyan darken-1">
<ul>

8
src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
View file

@ -269,6 +269,14 @@ main ul.row {
opacity: 1;
}
.progress {
position:fixed;
top:0px;
width: 100%;
height: 3px;
margin: 0;
z-index: 9999;
}
/* ==========================================================================
6 = Media queries
========================================================================== */

7
src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
View file

@ -46,4 +46,11 @@ $(document).ready(function(){
$(".nav-panels").css('background', 'transparent');
return false;
});
$(window).scroll(function () {
var s = $(window).scrollTop(),
d = $(document).height(),
c = $(window).height();
var scrollPercent = (s / (d-c)) * 100;
$(".progress .determinate").css('width', scrollPercent+'%');
});
});