VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix layout

Browse Source
This commit is contained in:
marlon-erler
2024-07-09 17:35:32 +02:00
parent 1202789a43
commit cfe186f1d0
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.js
Vendored
+4 -3
View File
@@ -704,6 +704,7 @@
} }
function selectChat(chat) { function selectChat(chat) {
selectedChat.value = chat; selectedChat.value = chat;
document.getElementById("message-tab")?.scrollIntoView();
} }
chatIds.value.forEach((id) => chats.add(new Chat(id))); chatIds.value.forEach((id) => chats.add(new Chat(id)));
if (serverAddressInput.value != "" && didRequestConnection.value == true) { if (serverAddressInput.value != "" && didRequestConnection.value == true) {
@@ -842,7 +843,7 @@
placeholder: translation.encryptionKeyPlaceholder, placeholder: translation.encryptionKeyPlaceholder,
"bind:value": chat.encryptionKey "bind:value": chat.encryptionKey
} }
))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close")))); ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
} }
// src/Views/messageComposer.tsx // src/Views/messageComposer.tsx
@@ -917,7 +918,7 @@
function hideOptions() { function hideOptions() {
isShowingOptions.value = false; isShowingOptions.value = false;
} }
return /* @__PURE__ */ createElement("article", { id: "message-tab" }, /* @__PURE__ */ createElement("header", { class: "padding-0" }, /* @__PURE__ */ createElement("span", { class: "flex-row align-center" }, /* @__PURE__ */ createElement("button", { "aria-label": translation.back, "on:click": closeChatView }, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_back")), /* @__PURE__ */ createElement("span", { "subscribe:innerText": chat.primaryChannel })), /* @__PURE__ */ createElement("span", null, /* @__PURE__ */ createElement( return /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("header", { class: "padding-0" }, /* @__PURE__ */ createElement("span", { class: "flex-row align-center" }, /* @__PURE__ */ createElement("button", { "aria-label": translation.back, "on:click": closeChatView }, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_back")), /* @__PURE__ */ createElement("span", { "subscribe:innerText": chat.primaryChannel })), /* @__PURE__ */ createElement("span", null, /* @__PURE__ */ createElement(
"button", "button",
{ {
"aria-label": translation.showChatOptions, "aria-label": translation.showChatOptions,
@@ -926,7 +927,7 @@
/* @__PURE__ */ createElement("span", { class: "icon" }, "tune") /* @__PURE__ */ createElement("span", { class: "icon" }, "tune")
))), ThreadView(chat), /* @__PURE__ */ createElement("footer", null, MessageComposer(chat)), ChatOptionModal(chat, isShowingOptions)); ))), ThreadView(chat), /* @__PURE__ */ createElement("footer", null, MessageComposer(chat)), ChatOptionModal(chat, isShowingOptions));
}); });
return /* @__PURE__ */ createElement("div", { "children:set": messageTabContent }); return /* @__PURE__ */ createElement("article", { id: "message-tab", "children:set": messageTabContent });
} }
// src/Views/chatListSection.tsx // src/Views/chatListSection.tsx
src/Model/model.ts
+1
View File
@@ -147,6 +147,7 @@ export function closeChatView() {
export function selectChat(chat: Chat) { export function selectChat(chat: Chat) {
selectedChat.value = chat; selectedChat.value = chat;
document.getElementById("message-tab")?.scrollIntoView();
} }
chatIds.value.forEach((id) => chats.add(new Chat(id))); chatIds.value.forEach((id) => chats.add(new Chat(id)));
src/Tabs/messageTab.tsx
+5 -3
View File
@@ -27,7 +27,7 @@ export function MessageTab() {
} }
return ( return (
<article id="message-tab"> <div>
<header class="padding-0"> <header class="padding-0">
<span class="flex-row align-center"> <span class="flex-row align-center">
<button aria-label={translation.back} on:click={closeChatView}> <button aria-label={translation.back} on:click={closeChatView}>
@@ -45,13 +45,15 @@ export function MessageTab() {
</button> </button>
</span> </span>
</header> </header>
{ThreadView(chat)} {ThreadView(chat)}
<footer>{MessageComposer(chat)}</footer> <footer>{MessageComposer(chat)}</footer>
{ChatOptionModal(chat, isShowingOptions)} {ChatOptionModal(chat, isShowingOptions)}
</article> </div>
); );
}); });
return <div children:set={messageTabContent}></div>; return <article id="message-tab" children:set={messageTabContent}></article>;
} }