improve ui

This commit is contained in:
marlon-erler
2026-04-14 13:21:57 +00:00
parent 9768943eec
commit 77fac64879
6 changed files with 21 additions and 11 deletions
+6
View File
@@ -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);
}
+3 -5
View File
@@ -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",
+8
View File
@@ -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);
}
+2 -1
View File
@@ -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
+1 -4
View File
@@ -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>
+1 -1
View File
@@ -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;