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 {
height:100vh;
width:100vw;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#container-row {
height: 100%;
}
#tree {
font-size: larger;
width: 100vw;
@ -13,12 +17,30 @@ html, body {
}
#detail {
padding: 10px 20px 10px 35px;
padding: 20px 20px 10px 35px;
height: 100%;
flex-direction: column;
}
#close-detail-button {
padding-left: 1em;
padding-right: 1em;
#detail-content {
position: relative;
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 {

12
src/views/mobile.ejs
View File

@ -5,19 +5,21 @@
<title>Trilium Notes</title>
</head>
<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="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 style="display: flex; padding-left: 10px;">
<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 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">
<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>
</button>
</div>
<div style="position: relative;">
<div id="detail-content">
<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>