Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-08 06:15:48 +01:00
Code Issues Packages Projects Releases Activity

add quick search in mobile layout (#2360)

Browse Source 
Co-authored-by: jasongwq <jasongwq@126.com>
This commit is contained in:
jasongwq
2021-11-21 03:55:52 +08:00
committed by GitHub
parent 7a383a1314
commit db9e35a7e1
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/app/layouts/mobile_layout.js
View File

@@ -1,6 +1,7 @@
import FlexContainer from "../widgets/containers/flex_container.js";
import NoteTitleWidget from "../widgets/note_title.js";
import NoteDetailWidget from "../widgets/note_detail.js";
import QuickSearchWidget from "../widgets/quick_search.js";
import NoteTreeWidget from "../widgets/note_tree.js";
import MobileGlobalButtonsWidget from "../widgets/mobile_widgets/mobile_global_buttons.js";
import CloseDetailButtonWidget from "../widgets/mobile_widgets/close_detail_button.js";
@@ -27,13 +28,19 @@ kbd {
padding-right: 0.5em;
color: var(--main-text-color);
}
.quick-search {
margin: 55px 0px 0px 0px;
}
.quick-search .dropdown-menu {
max-width: 350px;
}
</style>`;
const FANCYTREE_CSS = `
<style>
.tree-wrapper {
max-height: 100%;
margin-top: 55px;
margin-top: 0px;
overflow-y: auto;
contain: content;
padding-left: 10px;
@@ -95,6 +102,7 @@ export default class MobileLayout {
.css('padding-left', 0)
.css('contain', 'content')
.child(new MobileGlobalButtonsWidget())
.child(new QuickSearchWidget())
.child(new NoteTreeWidget("main")
.cssBlock(FANCYTREE_CSS)))
.child(new ScreenContainer("detail", "column")