feat(mobile/search): show results (closes #5655)

Author: eliandoran

apps/client/src/layouts/mobile_layout.tsx

@@ -26,6 +26,7 @@ import MobileDetailMenu from "../widgets/mobile_widgets/mobile_detail_menu.js";
 import NoteList from "../widgets/collections/NoteList.jsx";
 import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibbonAdapter.jsx";
 import SearchDefinitionTab from "../widgets/ribbon/SearchDefinitionTab.jsx";
+import SearchResult from "../widgets/search_result.jsx";
 
 const MOBILE_CSS = `
 <style>
@@ -158,6 +159,7 @@ export default class MobileLayout {
                                             .child(new NoteDetailWidget())
                                             .child(<NoteList media="screen" />)
                                             .child(<StandaloneRibbonAdapter component={SearchDefinitionTab} />)
+                                            .child(<SearchResult />)
                                             .child(<FilePropertiesWrapper />)
                                     )
                                     .child(<MobileEditorToolbar />)

apps/client/src/widgets/ribbon/SearchDefinitionTab.css

@@ -62,7 +62,12 @@
     justify-content: space-evenly;
 }
 
+body.mobile .search-definition-widget {
+    contain: none;
+}
+
 @media (max-width: 720px) {
+
     .search-setting-table {
         display: block;
         font-size: 0.9em;
@@ -159,4 +164,11 @@
         align-items: center;
         justify-content: center !important;
     }
+
+    .search-result-widget,
+    .note-list.list-view,
+    .note-list-wrapper {
+        overflow: unset;
+        height: unset !important;
+    }
 }