gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-03-01 14:22:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

content scrolling

Browse Source
This commit is contained in:
azivner 2018-12-24 22:39:17 +01:00
parent 5dea271d6f
commit f8d32d64f5
2 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/public/stylesheets/mobile.css
View File

@ -1,10 +1,14 @@
html, body { html, body {
height:100vh; height: 100%;
width:100vw; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#container-row {
height: 100%;
}
#tree { #tree {
font-size: larger; font-size: larger;
width: 100vw; width: 100vw;
@ -13,12 +17,30 @@ html, body {
} }
#detail { #detail {
padding: 10px 20px 10px 35px; padding: 20px 20px 10px 35px;
height: 100%;
flex-direction: column;
} }
#close-detail-button { #detail-content {
padding-left: 1em; position: relative;
padding-right: 1em; overflow: auto;
flex-direction: column;
height: 100%;
}
#note-title-row {
display: flex;
padding-right: 10px;
}
.action-button {
background: none;
border: none;
cursor: pointer;
font-size: 1.5em;
padding-left: 0.5em;
padding-right: 0.5em;
} }
.fancytree-custom-icon { .fancytree-custom-icon {

12
src/views/mobile.ejs
View File

@ -5,19 +5,21 @@
<title>Trilium Notes</title> <title>Trilium Notes</title>
</head> </head>
<body> <body>
<div class="row"> <div class="row" id="container-row">
<div id="tree" class="d-sm-block d-md-block d-lg-block d-xl-block col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4"></div> <div id="tree" class="d-sm-block d-md-block d-lg-block d-xl-block col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4"></div>
<div id="detail" class="d-none d-sm-block d-md-block d-lg-block d-xl-block col-12 col-sm-8 col-md-8 col-lg-8"> <div id="detail" class="d-none d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-8 col-md-8 col-lg-8">
<div style="display: flex; padding-left: 10px;"> <div id="note-title-row">
<button type="button" id="note-menu-button" class="action-button jam jam-align-justify"></button>
<input autocomplete="off" value="" id="note-title" class="form-control" tabindex="1"> <input autocomplete="off" value="" id="note-title" class="form-control" tabindex="1">
<button type="button" id="close-detail-button" class="close d-sm-none d-md-none d-lg-none d-xl-none" aria-label="Close"> <button type="button" id="close-detail-button" class="action-button d-sm-none d-md-none d-lg-none d-xl-none" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div style="position: relative;"> <div id="detail-content">
<span id="saved-indicator" title="All changes have been saved" class="jam jam-check"></span> <span id="saved-indicator" title="All changes have been saved" class="jam jam-check"></span>
<div id="note-detail-text" class="note-detail-component" tabindex="10000"></div> <div id="note-detail-text" class="note-detail-component" tabindex="10000"></div>