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

fix(mobile): fix alignment for horizontal layout

Browse Source
This commit is contained in:
Elian Doran 2024-11-23 09:29:49 +02:00
parent 23ef2c593e
commit 8a61b58970
No known key found for this signature in database
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,6 +24,7 @@ import RootContainer from "../widgets/containers/root_container.js";
import SharedInfoWidget from "../widgets/shared_info.js";
import PromotedAttributesWidget from "../widgets/ribbon_widgets/promoted_attributes.js";
import ClassicEditorToolbar from "../widgets/ribbon_widgets/classic_editor_toolbar.js";
import options from "../services/options.js";
const MOBILE_CSS = `
<style>
@ -112,14 +113,16 @@ span.fancytree-expander {
export default class MobileLayout {
getRootWidget(appContext) {
const launcherPaneIsHorizontal = (options.get("layoutOrientation") === "horizontal");
return new RootContainer()
.setParent(appContext)
.cssBlock(MOBILE_CSS)
.child(new FlexContainer("column")
.child(new FlexContainer(launcherPaneIsHorizontal ? "row" : "column")
.id("launcher-pane")
.css("width", "53px")
.child(new GlobalMenuWidget())
.child(new LauncherContainer())
.css(launcherPaneIsHorizontal ? "height" : "width", "53px")
.child(new GlobalMenuWidget(launcherPaneIsHorizontal))
.child(new LauncherContainer(launcherPaneIsHorizontal))
)
.child(new FlexContainer("row")
.filling()