Make reply UI work even when javascript is disabled
This commit is contained in:
@@ -1,16 +1,10 @@
|
||||
export default `
|
||||
function scrollToElement(replyId){
|
||||
let el = document.getElementById(replyId);
|
||||
if(!el) {
|
||||
showToast("The message you're looking for wasn't exported");
|
||||
return;
|
||||
};
|
||||
el.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
el.style.backgroundColor = '#f6f7f8';
|
||||
el.style.transition = 'background-color 1s ease'
|
||||
setTimeout(() => {
|
||||
el.style.backgroundColor = "white"
|
||||
}, 2000);
|
||||
function showToastIfNeeded(replyId){
|
||||
let el = document.getElementById(replyId);
|
||||
if(!el) {
|
||||
showToast("The message you're looking for wasn't exported");
|
||||
return;
|
||||
};
|
||||
}
|
||||
|
||||
function showToast(text) {
|
||||
@@ -23,10 +17,11 @@ function showToast(text) {
|
||||
}
|
||||
|
||||
window.onload = () => {
|
||||
document.querySelectorAll('.mx_reply_anchor').forEach(element => {
|
||||
element.addEventListener('click', event => {
|
||||
scrollToElement(event.target.getAttribute("scroll-to"));
|
||||
})
|
||||
document.querySelectorAll('.mx_reply_anchor').forEach(element => {
|
||||
element.addEventListener('click', event => {
|
||||
showToastIfNeeded(event.target.getAttribute("scroll-to"));
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
`
|
||||
|
||||
Reference in New Issue
Block a user