From 01097cfd2d8f60d6fd146ac42d6aea5196c82ba6 Mon Sep 17 00:00:00 2001 From: Aevann Date: Thu, 27 Jul 2023 21:32:49 +0300 Subject: [PATCH] make the inline emoji modal follow the text during line change with 100% accuracy --- files/assets/css/main.css | 3 ++- files/assets/js/emoji_modal.js | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/files/assets/css/main.css b/files/assets/css/main.css index e5ee67081..b228048f7 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -5181,7 +5181,7 @@ pre .com, code .com { .pagination { padding: 1rem; } - input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea { + input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea, .ghostdiv { font-size: 16px !important; } textarea, input[type=text] { @@ -6622,6 +6622,7 @@ g { word-break: break-word; /* Attempt to copy the textarea/input padding */ padding: 15px; + padding-left: 10px; } #speed-carot-modal diff --git a/files/assets/js/emoji_modal.js b/files/assets/js/emoji_modal.js index 1b4808be2..1b01b879b 100644 --- a/files/assets/js/emoji_modal.js +++ b/files/assets/js/emoji_modal.js @@ -339,7 +339,7 @@ function update_ghost_div_textarea(text) // Now lets get coordinates - ghostdiv.style.display = "initial"; + ghostdiv.style.display = "block"; let end = ghostdiv.querySelector("span"); const carot_coords = end.getBoundingClientRect(); const ghostdiv_coords = ghostdiv.getBoundingClientRect();