zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2024-09-22 00:26:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix layout/scrolling issues in the tree

Browse source
This commit is contained in:
azivner 2018-12-28 20:36:18 +01:00
parent 7aacd01ad7
commit 28185af158
3 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/public/stylesheets/mobile.css
View file

@ -25,7 +25,6 @@ html, body {
#tree {
font-size: larger;
width: 100%;
height: 100%;
overflow: auto;
}

2
src/views/index.ejs
View file

@ -5,7 +5,7 @@
<title>Trilium Notes</title>
</head>
<body class="desktop">
<div id="container" style="display:none; grid-template-columns: minmax(<%= leftPaneMinWidth %>px, <%= leftPaneWidthPercent %>fr) <%= rightPaneWidthPercent %>fr">
<div id="container" style="display: none; grid-template-columns: minmax(<%= leftPaneMinWidth %>px, <%= leftPaneWidthPercent %>fr) <%= rightPaneWidthPercent %>fr">
<div id="header" class="hide-toggle">
<div id="history-navigation" style="display: none;">
<a id="history-back-button" title="Go to previous note." class="icon-action jam jam-arrow-square-left"></a>

10
src/views/mobile.ejs
View file

@ -5,9 +5,9 @@
<title>Trilium Notes</title>
</head>
<body class="mobile">
<div class="row" id="container-row">
<div class="row" id="container-row" style="display: none;">
<div id="left-pane" class="d-sm-block d-md-block d-lg-block d-xl-block col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4">
<div id="left-pane" class="d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4">
<div id="global-buttons">
<a id="create-top-level-note-button" title="Create new top level note" class="icon-action jam jam-plus-circle"></a>
@ -81,5 +81,11 @@
<script src="libraries/bootstrap-notify.min.js"></script>
<link rel="stylesheet" type="text/css" href="libraries/jam/css/jam.min.css">
<script type="text/javascript">
// we hide container initally because otherwise it is rendered first without CSS and then flickers into
// final form which is pretty ugly.
$("#container-row").show();
</script>
</body>
</html>