lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix emoji bar position

Browse source
This commit is contained in:
cuom1999 2023-08-14 16:21:38 -05:00
parent 807ba554ca
commit 5de5e278ee
2 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
templates/chat/chat.html
View file

@ -499,9 +499,11 @@
$('#chat-box').scrollTop($('#chat-box')[0].scrollHeight); $('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
load_dynamic_update({{last_msg}}); load_dynamic_update({{last_msg}});
const button = document.querySelector('#emoji-button') const button = document.querySelector('#emoji-button');
const tooltip = document.querySelector('.tooltip') const tooltip = document.querySelector('.tooltip');
Popper.createPopper(button, tooltip) Popper.createPopper(button, tooltip, {
placement: 'left-end',
});
function toggleEmoji() { function toggleEmoji() {
tooltip.classList.toggle('shown') tooltip.classList.toggle('shown')
@ -513,8 +515,10 @@
}); });
// Đóng bảng emoji khi click bất kỳ chỗ nào trên màn hình // Đóng bảng emoji khi click bất kỳ chỗ nào trên màn hình
document.addEventListener("click", function() { document.addEventListener("click", function(e) {
tooltip.classList.remove('shown'); // Ẩn bảng emoji if (!tooltip.contains(e.target)) {
tooltip.classList.remove('shown'); // Ẩn bảng emoji
}
}); });
$('emoji-picker').on('emoji-click', function(e) { $('emoji-picker').on('emoji-click', function(e) {

3
templates/chat/chat_css.html
View file

@ -43,9 +43,8 @@
} }
.tooltip { .tooltip {
left: 120vh !important;
transform: translate(100px, 0) !important;
position: absolute; position: absolute;
z-index: 1000;
} }
#loader { #loader {