UI: правки клавиатуры и дневника

shine-UI/js/pages/chat-view.js

@@ -783,6 +783,7 @@ async function mergeDirectMessagesPage(chatId, payloadMessages) {
 
 function setChatKeyboardOpen(isOpen) {
   document.body.classList.toggle('chat-keyboard-open', !!isOpen);
+  document.body.classList.toggle('chat-toolbar-persistent', !!isOpen);
 }
 
 export function render({ navigate, route, chrome }) {
@@ -1010,10 +1011,20 @@ export function render({ navigate, route, chrome }) {
   let emojiPickerOpen = false;
   let emojiSelection = null;
   const baseViewportHeight = Math.max(window.visualViewport?.height || 0, window.innerHeight || 0);
+  const appShell = document.querySelector('.app-shell');
+
+  const setKeyboardInset = (valuePx = 0) => {
+    appShell?.style.setProperty('--keyboard-offset', `${Math.max(0, Math.ceil(Number(valuePx || 0)))}px`);
+  };
 
   const syncKeyboardUi = () => {
-    const viewportHeight = Math.max(window.visualViewport?.height || 0, window.innerHeight || 0);
+    const viewport = window.visualViewport || null;
+    const viewportHeight = Math.max(viewport?.height || 0, window.innerHeight || 0);
     const viewportShrunk = baseViewportHeight - viewportHeight > 120;
+    const keyboardInset = viewportShrunk
+      ? Math.max(0, (window.innerHeight || 0) - viewportHeight - Number(viewport?.offsetTop || 0))
+      : 0;
+    setKeyboardInset(keyboardInset);
     setChatKeyboardOpen(inputFocused && viewportShrunk);
     if (inputFocused) {
       window.requestAnimationFrame(() => scrollToLatestMessage(log));
@@ -1511,6 +1522,7 @@ export function render({ navigate, route, chrome }) {
   });
   screen.cleanup = () => {
     setChatKeyboardOpen(false);
+    setKeyboardInset(0);
     stopAllTwemojiAnimations();
     window.removeEventListener('shine-chat-messages-updated', handleIncomingChatRefresh);
     window.visualViewport?.removeEventListener('resize', syncKeyboardUi);