Bubble: webkit compat

psi-im · Jul 2, 2024 · 0fa8d5d · 0fa8d5d
1 parent 83fb185
commit 0fa8d5d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/themes/chatview/psi/bubble/index.html b/themes/chatview/psi/bubble/index.html
@@ -14,7 +14,7 @@
 var themeStyle     = document.getElementById("themeStyle").sheet;
 var cssBody        = util.findStyleSheet(themeStyle, "body").style;
 const reactionsSelector = new shared.chat.ReactionsSelector(shared.session);
-const likeButton   = new shared.chat.LikeButton(reactionsSelector, document.documentElement);
+const likeButton   = new shared.chat.LikeButton(reactionsSelector, document.body);
 const chatMenu = new shared.chat.ContextMenu();
 
 var applyPsiSettings = function() {
@@ -289,7 +289,7 @@
     margin-top: -0.6rem;
     margin-left: -2.44rem;
     display: inline-block;
-    z-index: -1;
+    /*z-index: -1;*/
     clip: rect(0.6rem, 3rem, 1.5rem, 2rem);
 }
 
@@ -442,6 +442,7 @@
     cursor: pointer;
     padding-top: 1rem;
     /*background-color: green;*/
+    font-size: 1rem;
     opacity: 0;
     transition: opacity 0.3s linear, bottom .3s, font-size .3s;
 }

diff --git a/themes/chatview/util.js b/themes/chatview/util.js
@@ -413,7 +413,7 @@ function initPsiTheme() {
         this.show = function(messageId, nearEl, scrollEl) {
             this.currentMessage = messageId;
             const nbr = nearEl.getBoundingClientRect();
-            rs.style.top = (nbr.top + scrollEl.scrollTop) + "px";
+            rs.style.top = (nbr.top + scrollEl.scrollTop + document.documentElement.scrollTop) + "px";
             rs.style.display = "flex";
             const selectorRect = rs.getBoundingClientRect();
             const scrollRect = scrollEl.getBoundingClientRect();