diff options
Diffstat (limited to 'app/Resources/static/themes/_global')
-rw-r--r-- | app/Resources/static/themes/_global/index.js | 6 | ||||
-rw-r--r-- | app/Resources/static/themes/_global/js/highlight.js | 8 | ||||
-rw-r--r-- | app/Resources/static/themes/_global/js/tools.js | 6 |
3 files changed, 16 insertions, 4 deletions
diff --git a/app/Resources/static/themes/_global/index.js b/app/Resources/static/themes/_global/index.js index fddb476d..ae598e56 100644 --- a/app/Resources/static/themes/_global/index.js +++ b/app/Resources/static/themes/_global/index.js | |||
@@ -13,8 +13,10 @@ import './global.scss'; | |||
13 | import './js/shortcuts/entry'; | 13 | import './js/shortcuts/entry'; |
14 | import './js/shortcuts/main'; | 14 | import './js/shortcuts/main'; |
15 | 15 | ||
16 | import { savePercent, retrievePercent } from './js/tools'; | 16 | /* Hightlight */ |
17 | import './js/highlight'; | ||
17 | 18 | ||
19 | import { savePercent, retrievePercent } from './js/tools'; | ||
18 | 20 | ||
19 | /* ========================================================================== | 21 | /* ========================================================================== |
20 | Annotations & Remember position | 22 | Annotations & Remember position |
@@ -65,7 +67,7 @@ $(document).ready(() => { | |||
65 | retrievePercent(x.entryId); | 67 | retrievePercent(x.entryId); |
66 | 68 | ||
67 | $(window).resize(() => { | 69 | $(window).resize(() => { |
68 | retrievePercent(x.entryId); | 70 | retrievePercent(x.entryId, true); |
69 | }); | 71 | }); |
70 | } | 72 | } |
71 | }); | 73 | }); |
diff --git a/app/Resources/static/themes/_global/js/highlight.js b/app/Resources/static/themes/_global/js/highlight.js new file mode 100644 index 00000000..4025fc14 --- /dev/null +++ b/app/Resources/static/themes/_global/js/highlight.js | |||
@@ -0,0 +1,8 @@ | |||
1 | import 'highlight.js/styles/atom-one-light.css'; | ||
2 | import * as hljs from 'highlight.js'; | ||
3 | |||
4 | window.addEventListener('load', () => { | ||
5 | document.querySelectorAll('pre').forEach((node) => { | ||
6 | hljs.highlightBlock(node); | ||
7 | }); | ||
8 | }); | ||
diff --git a/app/Resources/static/themes/_global/js/tools.js b/app/Resources/static/themes/_global/js/tools.js index 774f4539..7e5a2b27 100644 --- a/app/Resources/static/themes/_global/js/tools.js +++ b/app/Resources/static/themes/_global/js/tools.js | |||
@@ -19,14 +19,16 @@ function savePercent(id, percent) { | |||
19 | return true; | 19 | return true; |
20 | } | 20 | } |
21 | 21 | ||
22 | function retrievePercent(id) { | 22 | function retrievePercent(id, resized) { |
23 | if (!supportsLocalStorage()) { return false; } | 23 | if (!supportsLocalStorage()) { return false; } |
24 | 24 | ||
25 | const bheight = $(document).height(); | 25 | const bheight = $(document).height(); |
26 | const percent = localStorage[`wallabag.article.${id}.percent`]; | 26 | const percent = localStorage[`wallabag.article.${id}.percent`]; |
27 | const scroll = bheight * percent; | 27 | const scroll = bheight * percent; |
28 | 28 | ||
29 | $('html,body').animate({ scrollTop: scroll }, 'fast'); | 29 | if (!resized) { |
30 | $('html,body').animate({ scrollTop: scroll }, 'fast'); | ||
31 | } | ||
30 | 32 | ||
31 | return true; | 33 | return true; |
32 | } | 34 | } |