reset board zoom on view change, apply cleared search

src/View/Components/boardViewToggleButton.tsx

@@ -12,7 +12,8 @@ export function BoardViewToggleButton(
     key: string,
 ) {
     function select() {
-        boardViewModel.selectedPage.value = page;
+	boardViewModel.selectedPage.value = page;
+	boardViewModel.resetPinchZoom();
     }
 
     const isSelected = React.createProxyState(

src/View/chatPage.css

@@ -232,11 +232,13 @@ body[showing-chat] #chat-page-wrapper {
     overflow-x: auto;
 
     padding: 0px;
+    overflow-y: hidden;
 }
 
 #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar > span {
     display: flex;
     align-items: center;
+    overflow-y: hidden;
 }
 
 #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar > span.title {

src/View/homePage.tsx

@@ -21,6 +21,8 @@ export function HomePage(
 ) {
     const greeting = React.createProxyState([settingsViewModel.username], ()=>coreViewModel.translations.homePage.greeting(settingsViewModel.username.value));
 
+    const isChatPlaceholderHidden = React.createProxyState([chatListViewModel.chatMatches, chatListViewModel.chatQuery], ()=>chatListViewModel.chatMatches.value.size > 0 || chatListViewModel.chatQuery.value != "");
+
     // sections
     const overviewSection = (
         <div id="overview-section">
@@ -139,6 +141,13 @@ export function HomePage(
 
 	    {NewItemEntry(coreViewModel, chatListViewModel.chatQuery, chatListViewModel.createChat)}
 
+	    <span
+		class="secondary"
+		toggle:hidden={isChatPlaceholderHidden}
+	    >
+		{coreViewModel.translations.homePage.noChatsPlaceholder}
+	    </span>
+
             <div
                 id="chat-grid"
                 children:append={[

src/View/translations.ts

@@ -73,9 +73,7 @@ const englishTranslations = {
         ///
 
 	typeChat: "chat",
-
-        addChatPlaceholder: "Add chat",
-        addChatButton: "Add chat",
+	noChatsPlaceholder: "No chats",
     },
 
     settings: {
@@ -450,9 +448,7 @@ export const allTranslations: {
 	    updateButton: (version: string) => `Aktualisieren: ${version}`,
 	
 	    typeChat: "Chat",
-
-	    addChatPlaceholder: "Chat hinzufügen",
-	    addChatButton: "Chat hinzufügen",
+	    noChatsPlaceholder: "Keine Chats",
 	},
 
 	settings: {
@@ -658,7 +654,7 @@ export const allTranslations: {
 	    task: {
 		noBoardSelected: "Kein Board ausgewählt",
 		boardNotFound: "Board nicht gefunden",
-	    
+
 		typeBoard: "Board",
 
 		closeBoardButtonAudioLabel: "board schließen",
@@ -748,7 +744,7 @@ export const allTranslations: {
 	    saveButton: "Guardar",
 	    setButton: "OK",
 
-        filterOrCreateLabel: (type: string) => `Buscar o crear ${type}`,
+	    filterOrCreateLabel: (type: string) => `Buscar o crear ${type}`,
 	    createLabel: (query: string) => `Crear "${query}"`,
 
 	    reloadAppButton: "Recargar app",
@@ -793,11 +789,9 @@ export const allTranslations: {
 	    transferDataButton: "Enviar o exportar archivos",
 
 	    updateButton: (version: string) => `Actualizar a ${version}`,
-	
-	    typeChat: "chat",
 
-	    addChatPlaceholder: "Añadir chat",
-	    addChatButton: "Añadir chat",
+	    typeChat: "chat",
+	    noChatsPlaceholder: "No hay chats",
 	},
 
 	settings: {
@@ -1004,7 +998,7 @@ export const allTranslations: {
 	    task: {
 		noBoardSelected: "Ningún tablero seleccionado",
 		boardNotFound: "Tablero no encontrado",
-	    
+
 		typeBoard: "board",
 
 		closeBoardButtonAudioLabel: "cerrar tablero",