improve focus setting in messages
This commit is contained in:
@@ -258,7 +258,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
background: var(--surface-alt);
|
background: var(--surface-alt);
|
||||||
height: var(--control-height);
|
|
||||||
|
|
||||||
max-width: var(--max-input-width);
|
max-width: var(--max-input-width);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -270,10 +269,12 @@
|
|||||||
.message-bubble > .inline-reply {
|
.message-bubble > .inline-reply {
|
||||||
border-left: var(--outline-width) solid var(--primary);
|
border-left: var(--outline-width) solid var(--primary);
|
||||||
gap: var(--text-gap);
|
gap: var(--text-gap);
|
||||||
|
height: var(--control-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-bubble > .reply-link {
|
.message-bubble > .reply-link {
|
||||||
gap: 5px;
|
gap: 5px;
|
||||||
|
height: var(--control-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-bubble > .message-reaction-row {
|
.message-bubble > .message-reaction-row {
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import ConnectionModel from "../../Model/Global/connectionModel";
|
|||||||
import ChatListModel from "../../Model/Chat/chatListModel";
|
import ChatListModel from "../../Model/Chat/chatListModel";
|
||||||
|
|
||||||
export default class CoreViewModel {
|
export default class CoreViewModel {
|
||||||
readonly BUILD = "Build 26.09.23.B";
|
readonly BUILD = "Build 26.09.23.C";
|
||||||
|
|
||||||
translations: Translations;
|
translations: Translations;
|
||||||
|
|
||||||
|
|||||||
@@ -74,13 +74,16 @@ export default class MessagePageViewModel extends Context {
|
|||||||
|
|
||||||
setReply = (
|
setReply = (
|
||||||
chatMessageViewModel: ChatMessageViewModel | undefined,
|
chatMessageViewModel: ChatMessageViewModel | undefined,
|
||||||
|
setFocus: boolean = true,
|
||||||
): void => {
|
): void => {
|
||||||
this.replyingMessage.value = chatMessageViewModel;
|
this.replyingMessage.value = chatMessageViewModel;
|
||||||
|
if (setFocus == false || chatMessageViewModel == undefined) return;
|
||||||
this.setFocus();
|
this.setFocus();
|
||||||
};
|
};
|
||||||
|
|
||||||
resetReply = (): void => {
|
resetReply = (setFocus: boolean = true): void => {
|
||||||
this.replyingMessage.value = undefined;
|
this.replyingMessage.value = undefined;
|
||||||
|
if (setFocus == false) return;
|
||||||
this.setFocus();
|
this.setFocus();
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -138,12 +141,12 @@ export default class MessagePageViewModel extends Context {
|
|||||||
setReplyView = (message: ChatMessageViewModel): void => {
|
setReplyView = (message: ChatMessageViewModel): void => {
|
||||||
this.replyViewSelectedMessage.value = message;
|
this.replyViewSelectedMessage.value = message;
|
||||||
this.revokeReactionFilter();
|
this.revokeReactionFilter();
|
||||||
this.setReply(message);
|
this.setReply(message, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
resetReplyView = (): void => {
|
resetReplyView = (): void => {
|
||||||
this.replyViewSelectedMessage.value = undefined;
|
this.replyViewSelectedMessage.value = undefined;
|
||||||
this.resetReply();
|
this.resetReply(false);
|
||||||
}
|
}
|
||||||
|
|
||||||
setFocus = (): void => {
|
setFocus = (): void => {
|
||||||
|
|||||||
Reference in New Issue
Block a user