improve ui
This commit is contained in:
Vendored
+6
@@ -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);
|
||||
}
|
||||
|
||||
Vendored
+3
-5
@@ -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",
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user