gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 03:29:02 +01:00
Code Issues Actions 7 Packages Projects Releases 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; margin-top: 55px;
overflow-y: auto; overflow-y: auto;
contain: content; contain: content;
padding-left: 10px;
} }
.fancytree-custom-icon { .fancytree-custom-icon {
@ -57,6 +58,7 @@ const FANCYTREE_CSS = `
span.fancytree-expander { span.fancytree-expander {
width: 24px !important; width: 24px !important;
margin-right: 5px;
} }
.fancytree-loading span.fancytree-expander { .fancytree-loading span.fancytree-expander {
@ -98,18 +100,24 @@ export default class MobileLayout {
.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-8") .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%') .css('max-height', '100%')
.child(new FlexContainer('row').overflowing().filling() .child(new FlexContainer('row').overflowing().contentSized()
.css('font-size', 'larger') .css('font-size', 'larger')
.css('align-items', 'center') .css('align-items', 'center')
.child(new MobileDetailMenuWidget()) .child(new MobileDetailMenuWidget().contentSized())
.child(new NoteTitleWidget()) .child(new NoteTitleWidget()
.child(new CloseDetailButtonWidget())) .contentSized()
.css("position: relative;")
.css("top: 5px;")
)
.child(new CloseDetailButtonWidget().contentSized()))
.child( .child(
new ScrollingContainer() new ScrollingContainer()
.filling()
.overflowing()
.contentSized()
.child( .child(
new NoteDetailWidget() new NoteDetailWidget()
.css('padding', '5px 20px 10px 0') .css('padding', '5px 20px 10px 0')
.css('contain', 'content')
) )
) )
); );

3
src/views/mobile.ejs
View File

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