From 77fac648790d8a7f4f12f3f4974c41ecf60167fa Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Tue, 14 Apr 2026 13:21:57 +0000
Subject: [PATCH] improve ui

---
 dist/index.css                        | 6 ++++++
 dist/index.js                         | 8 +++-----
 src/View/ChatPages/messagePage.css    | 8 ++++++++
 src/View/Components/chatMessage.tsx   | 3 ++-
 src/View/Components/replyPreview.tsx  | 5 +----
 src/ViewModel/Global/coreViewModel.ts | 2 +-
 6 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/dist/index.css b/dist/index.css
index 45517966..ecc2867e 100644
--- a/dist/index.css
+++ b/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);
 }
diff --git a/dist/index.js b/dist/index.js
index 002440ce..d400bebf 100644
--- a/dist/index.js
+++ b/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 = () => {
-      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(
+    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(
       "button",
       {
         class: "standard square",
diff --git a/src/View/ChatPages/messagePage.css b/src/View/ChatPages/messagePage.css
index 7bff3b17..9a6dc0bb 100644
--- a/src/View/ChatPages/messagePage.css
+++ b/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);
 }
diff --git a/src/View/Components/chatMessage.tsx b/src/View/Components/chatMessage.tsx
index 0be3a8c6..a1d76ed6 100644
--- a/src/View/Components/chatMessage.tsx
+++ b/src/View/Components/chatMessage.tsx
@@ -13,7 +13,7 @@ export function ChatMessage(
     chatMessageViewModel: ChatMessageViewModel,
 ) {
     const persistenceId = chatMessageViewModel.chatMessage.id;
-    const statusIcon = ViewController.messageIcons.setItems(persistenceId,()=> React.createProxyState(
+    const statusIcon = ViewController.messageIcons.setItems(persistenceId, () => React.createProxyState(
         [chatMessageViewModel.status],
         () => {
             switch (chatMessageViewModel.status.value) {
@@ -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
diff --git a/src/View/Components/replyPreview.tsx b/src/View/Components/replyPreview.tsx
index 255ff3f3..55353344 100644
--- a/src/View/Components/replyPreview.tsx
+++ b/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>
diff --git a/src/ViewModel/Global/coreViewModel.ts b/src/ViewModel/Global/coreViewModel.ts
index 7fe027f8..81b3f3b7 100644
--- a/src/ViewModel/Global/coreViewModel.ts
+++ 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;