zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2024-11-10 17:13:45 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix mobile frontend, closes #2217

Browse source
This commit is contained in:
zadam 2021-10-11 23:00:52 +02:00
parent 8bd7b657f8
commit 23e34e8c02
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/public/app/layouts/mobile_layout.js
View file

@ -36,6 +36,7 @@ const FANCYTREE_CSS = `
margin-top: 55px;
overflow-y: auto;
contain: content;
padding-left: 10px;
}
.fancytree-custom-icon {
@ -57,6 +58,7 @@ const FANCYTREE_CSS = `
span.fancytree-expander {
width: 24px !important;
margin-right: 5px;
}
.fancytree-loading span.fancytree-expander {
@ -98,18 +100,24 @@ export default class MobileLayout {
.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-8")
.css('max-height', '100%')
.child(new FlexContainer('row').overflowing().filling()
.child(new FlexContainer('row').overflowing().contentSized()
.css('font-size', 'larger')
.css('align-items', 'center')
.child(new MobileDetailMenuWidget())
.child(new NoteTitleWidget())
.child(new CloseDetailButtonWidget()))
.child(new MobileDetailMenuWidget().contentSized())
.child(new NoteTitleWidget()
.contentSized()
.css("position: relative;")
.css("top: 5px;")
)
.child(new CloseDetailButtonWidget().contentSized()))
.child(
new ScrollingContainer()
.filling()
.overflowing()
.contentSized()
.child(
new NoteDetailWidget()
.css('padding', '5px 20px 10px 0')
.css('contain', 'content')
)
)
);

3
src/views/mobile.ejs
View file

@ -95,7 +95,7 @@
}
</style>
</head>
<body class="mobile theme-<%= theme %> heading-style-<%= headingStyle %>">
<body class="mobile heading-style-<%= headingStyle %>">
<noscript>Trilium requires JavaScript to be enabled.</noscript>
<div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
@ -133,6 +133,7 @@
<link href="api/fonts" rel="stylesheet">
<link href="stylesheets/ckeditor-theme.css" rel="stylesheet">
<link href="stylesheets/theme-light.css" rel="stylesheet">
<% if (themeCssUrl) { %>
<link href="<%= themeCssUrl %>" rel="stylesheet">
<% } %>