#164 - Added a button on mobile to switch to In-File (and back)

assets/styles.css

@@ -25,7 +25,6 @@
 }
 
 .omnisearch-result__title > span {
-  
 }
 
 .omnisearch-result__folder-path {
@@ -37,9 +36,9 @@
 }
 
 .omnisearch-result__extension {
-    font-size: 0.7rem;
-    color: var(--text-muted);
-  }
+  font-size: 0.7rem;
+  color: var(--text-muted);
+}
 
 .omnisearch-result__counter {
   font-size: 0.7rem;
@@ -62,7 +61,7 @@
 
 .omnisearch-result__image-container {
   flex-basis: 20%;
-  text-align: right
+  text-align: right;
 }
 
 .omnisearch-highlight {
@@ -83,14 +82,27 @@
   gap: 5px;
 }
 
-.omnisearch-input-container>button {
-  margin-right: var(--size-4-3);
-}
-
 @media only screen and (max-width: 600px) {
   .omnisearch-input-container {
     flex-direction: column;
   }
+
+  .omnisearch-input-container__buttons {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    padding: 0 1em 0 1em;
+    gap: 1em;
+  }
+  .omnisearch-input-container__buttons > button {
+    flex-grow: 1;
+  }
+}
+
+@media only screen and (min-width: 600px) {
+  .omnisearch-input-container__buttons {
+    margin-right: 1em;
+  }
 }
 
 .omnisearch-input-field {

src/components/ModalInFile.svelte

@@ -9,7 +9,7 @@
   } from 'src/globals'
   import { getCtrlKeyLabel, loopIndex } from 'src/tools/utils'
   import { onDestroy, onMount, tick } from 'svelte'
-  import { MarkdownView, App } from 'obsidian'
+  import { MarkdownView, App, Platform } from 'obsidian'
   import ModalContainer from './ModalContainer.svelte'
   import {
     OmnisearchInFileModal,
@@ -151,7 +151,13 @@
 <InputSearch
   on:input="{e => (searchQuery = e.detail)}"
   placeholder="Omnisearch - File"
-  initialValue="{previousQuery}" />
+  initialValue="{previousQuery}">
+  <div class="omnisearch-input-container__buttons">
+    {#if Platform.isMobile}
+      <button on:click="{switchToVaultModal}">Vault search</button>
+    {/if}
+  </div>
+</InputSearch>
 
 <ModalContainer>
   {#if groupedOffsets.length && note}

src/components/ModalVault.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { App, MarkdownView, Notice, TFile } from 'obsidian'
+  import { App, MarkdownView, Notice, Platform, TFile } from 'obsidian'
   import { onDestroy, onMount, tick } from 'svelte'
   import InputSearch from './InputSearch.svelte'
   import ModalContainer from './ModalContainer.svelte'
@@ -285,9 +285,14 @@
   initialValue="{searchQuery}"
   on:input="{e => (searchQuery = e.detail)}"
   placeholder="Omnisearch - Vault">
-  {#if settings.showCreateButton}
-    <button on:click="{onClickCreateNote}">Create note</button>
-  {/if}
+  <div class="omnisearch-input-container__buttons">
+    {#if settings.showCreateButton}
+      <button on:click="{onClickCreateNote}">Create note</button>
+    {/if}
+    {#if Platform.isMobile}
+      <button on:click="{switchToInFileModal}">In-File search</button>
+    {/if}
+  </div>
 </InputSearch>
 
 {#if indexingStepDesc}