forked from
tangled.org/core
Monorepo for Tangled
appview/pages: hide popover on scroll, delay popover by 500ms
Signed-off-by: oppiliappan <me@oppi.li>
+13
-2
+7
appview/pages/templates/layouts/base.html
+7
appview/pages/templates/layouts/base.html
···
56
56
document.head.appendChild(script);
57
57
});
58
58
</script>
59
+
<script>
60
+
window.addEventListener('scroll', function() {
61
+
document.querySelectorAll('[data-profile-popover]:not(.hidden)').forEach(function(p) {
62
+
p.classList.add('hidden');
63
+
});
64
+
}, { passive: true });
65
+
</script>
59
66
<title>{{ block "title" . }}{{ end }}</title>
60
67
{{ block "extrameta" . }}{{ end }}
61
68
</head>
+6
-2
appview/pages/templates/user/fragments/picLink.html
+6
-2
appview/pages/templates/user/fragments/picLink.html
···
8
8
{{ end }}
9
9
<div class="relative inline-block"
10
10
onmouseenter="(function(el){
11
-
var r=el.getBoundingClientRect(),p=el.querySelector('[data-profile-popover]');
12
-
if(p){p.style.top=r.bottom+'px';p.style.left=r.left+'px';p.classList.remove('hidden');}
11
+
clearTimeout(el._pht);
12
+
el._pht = setTimeout(function(){
13
+
var r=el.getBoundingClientRect(),p=el.querySelector('[data-profile-popover]');
14
+
if(p){p.style.top=r.bottom+'px';p.style.left=r.left+'px';p.classList.remove('hidden');}
15
+
}, 500);
13
16
})(this)"
14
17
onmouseleave="(function(el){
18
+
clearTimeout(el._pht);
15
19
var p=el.querySelector('[data-profile-popover]');
16
20
if(!p)return;
17
21
var modal=document.getElementById('vouch-modal-'+p.dataset.vouchModalId);