improve ui

dist/index.css

@@ -704,6 +704,12 @@ body[showing-chat] #chat-page-wrapper {
   width: 100%;
   --surface: transparent;
 }
+.message-bubble .tile.main .reply-button {
+  display: none;
+}
+.message-bubble:hover .tile.main .reply-button {
+  display: flex;
+}
 .message-bubble .tile.main .text-container {
   padding: var(--control-padding);
 }

dist/index.js

@@ -2265,7 +2265,7 @@
       this.connectionModel = connectionModel2;
       this.chatListModel = chatListModel2;
       this.fileTransferModel = fileTransferModel2;
-      this.BUILD = "Build 26.04.14.C";
+      this.BUILD = "Build 26.04.14.D";
       // CONTEXT
       this.contextStack = /* @__PURE__ */ new Map();
       this.closeContext = (contextId) => {
@@ -4598,6 +4598,7 @@
       ), /* @__PURE__ */ createElement(
         "button",
         {
+          class: "reply-button",
           "on:click": chatMessageViewModel.reply,
           "aria-label": coreViewModel2.translations.chatPage.message.replyToMessageButton
         },
@@ -4682,10 +4683,7 @@
 
   // src/View/Components/replyPreview.tsx
   function ReplyPreview(coreViewModel2, chatMessageViewModel) {
-    const scroll = () => {
+    return /* @__PURE__ */ createElement("div", { class: "reply-preview slide-up" }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", { class: "secondary" }, chatMessageViewModel.sender), /* @__PURE__ */ createElement("b", { class: "ellipsis", "subscribe:innerText": chatMessageViewModel.body })), /* @__PURE__ */ createElement(
-      chatMessageViewModel.scrollIntoView();
-    };
-    return /* @__PURE__ */ createElement("div", { class: "reply-preview slide-up", "on:click": scroll }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", { class: "secondary" }, chatMessageViewModel.sender), /* @__PURE__ */ createElement("b", { class: "ellipsis", "subscribe:innerText": chatMessageViewModel.body })), /* @__PURE__ */ createElement(
       "button",
       {
         class: "standard square",

src/View/ChatPages/messagePage.css

@@ -159,6 +159,14 @@
     --surface: transparent;
 }
 
+.message-bubble .tile.main .reply-button {
+    display: none;
+}
+
+.message-bubble:hover .tile.main .reply-button {
+    display: flex;
+}
+
 .message-bubble .tile.main .text-container {
     padding: var(--control-padding);
 }

src/View/Components/chatMessage.tsx

@@ -66,6 +66,7 @@ export function ChatMessage(
                         <span class="icon">info</span>
                     </button>
                     <button
+                        class="reply-button"
                         on:click={chatMessageViewModel.reply}
                         aria-label={
                             coreViewModel.translations.chatPage.message

src/View/Components/replyPreview.tsx

@@ -7,11 +7,8 @@ export function ReplyPreview(
     coreViewModel: CoreViewModel,
     chatMessageViewModel: ChatMessageViewModel,
 ) {
-    const scroll = () => {
-        chatMessageViewModel.scrollIntoView();
-    }
     return (
-        <div class="reply-preview slide-up" on:click={scroll}>
+        <div class="reply-preview slide-up">
             <div>
                 <span class="secondary">{chatMessageViewModel.sender}</span>
                 <b class="ellipsis" subscribe:innerText={chatMessageViewModel.body}></b>

src/ViewModel/Global/coreViewModel.ts

@@ -8,7 +8,7 @@ import FileTransferModel from "../../Model/Global/fileTransferModel";
 import { v4 } from "uuid";
 
 export default class CoreViewModel {
-    readonly BUILD = "Build 26.04.14.D";
+    readonly BUILD = "Build 26.04.14.E";
 
     translations: Translations;