Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-03 14:19:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(mobile): layout on tablet mode

Browse Source
This commit is contained in:
Elian Doran 2025-01-04 14:14:45 +02:00
parent 7fc60bfc8f
commit f63f308659
No known key found for this signature in database
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -118,21 +118,23 @@ export default class MobileLayout {
.class("horizontal-layout") .class("horizontal-layout")
.cssBlock(MOBILE_CSS) .cssBlock(MOBILE_CSS)
.child(new FlexContainer("column") .child(new FlexContainer("column")
.filling() .id("mobile-sidebar-container")
.id("mobile-sidebar-wrapper")
.child(new QuickSearchWidget())
.child(new NoteTreeWidget()
.cssBlock(FANCYTREE_CSS))
) )
.child(new FlexContainer("row") .child(new FlexContainer("row")
.filling() .filling()
.child(new SidebarContainer("tree", 'column') .child(new SidebarContainer("tree", 'column')
.class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-3 col-xl-3") .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-3 col-xl-3")
.id("mobile-sidebar-container") .id("mobile-sidebar-wrapper")
.css("max-height", "100%") .css("max-height", "100%")
.css('padding-left', "0") .css('padding-left', "0")
.css('padding-right', "0") .css('padding-right', "0")
.css('contain', 'content')) .css('contain', 'content')
.child(new FlexContainer("column")
.filling()
.id("mobile-sidebar-wrapper")
.child(new QuickSearchWidget())
.child(new NoteTreeWidget()
.cssBlock(FANCYTREE_CSS))))
.child(new ScreenContainer("detail", "column") .child(new ScreenContainer("detail", "column")
.class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-9") .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-9")
.css("padding-left", "0") .css("padding-left", "0")

6
src/public/stylesheets/style.css
View File

@ -1209,6 +1209,12 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
} }
} }
@media (min-width: 992px) {
#mobile-sidebar-wrapper {
transform: none !important;
}
}
#launcher-pane { #launcher-pane {
color: var(--launcher-pane-text-color); color: var(--launcher-pane-text-color);
background-color: var(--launcher-pane-background-color); background-color: var(--launcher-pane-background-color);