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

fixed tree scrolling

Browse Source
This commit is contained in:
azivner 2017-10-05 19:28:56 -04:00
parent 29f5a35a1f
commit d5320bff0f
3 changed files with 25 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
TODO
View File

@ -12,6 +12,8 @@ New features:
- ctrl-b nad linkem by mohlo byt goto do notu - ctrl-b nad linkem by mohlo byt goto do notu
- potencialne nova navigace back - forward - potencialne nova navigace back - forward
- javascript editor - javascript editor
- persisted recent notes (is wiped out after reload)
- sync of current page?
Refactorings: Refactorings:
- modularize frontend - modularize frontend

46
src/templates/app.html
View File

@ -6,36 +6,34 @@
</head> </head>
<body> <body>
<div id="container"> <div id="container">
<div style="grid-area: tree"> <div class="hide-toggle" style="grid-area: tree-actions">
<div class="hide-toggle"> <a onclick="createNewTopLevelNote()" title="Create new top level note" class="icon-action">
<a onclick="createNewTopLevelNote()" title="Create new top level note" class="icon-action"> <img src="stat/icons/file-plus.png" alt="Create new top level note"/>
<img src="stat/icons/file-plus.png" alt="Create new top level note"/> </a>
</a>
<a onclick="collapseTree()" title="Collapse tree" class="icon-action"> <a onclick="collapseTree()" title="Collapse tree" class="icon-action">
<img src="stat/icons/list.png" alt="Collapse tree"/> <img src="stat/icons/list.png" alt="Collapse tree"/>
</a> </a>
<a onclick="scrollToCurrentNote()" title="Scroll to current note" class="icon-action"> <a onclick="scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
<img src="stat/icons/crosshair.png" alt="Collapse tree"/> <img src="stat/icons/crosshair.png" alt="Collapse tree"/>
</a> </a>
<a onclick="toggleSearch()" title="Search in notes" class="icon-action"> <a onclick="toggleSearch()" title="Search in notes" class="icon-action">
<img src="stat/icons/search.png" alt="Search in notes"/> <img src="stat/icons/search.png" alt="Search in notes"/>
</a> </a>
<div id="search-box" style="display: none; padding: 10px; margin-top: 10px;"> <div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
<p> <p>
<label>Search:</label> <label>Search:</label>
<input name="search" autocomplete="off"> <input name="search" autocomplete="off">
<button id="btnResetSearch">&times;</button> <button id="btnResetSearch">&times;</button>
<span id="matches"></span> <span id="matches"></span>
</p> </p>
</div>
</div> </div>
</div>
<div id="tree" class="hide-toggle" style="overflow: auto;"> <div id="tree" class="hide-toggle" style="grid-area: tree; overflow: auto;">
</div>
</div> </div>
<div class="hide-toggle" style="grid-area: title;"> <div class="hide-toggle" style="grid-area: title;">

4
static/style.css
View File

@ -4,12 +4,10 @@
height: 100vh; height: 100vh;
display: grid; display: grid;
grid-template-areas: "tree title" grid-template-areas: "tree-actions title"
"tree note-content"
"tree note-content"; "tree note-content";
grid-template-columns: 2fr 5fr; grid-template-columns: 2fr 5fr;
grid-template-rows: auto grid-template-rows: auto
auto
1fr; 1fr;
justify-content: center; justify-content: center;
grid-gap: 10px; grid-gap: 10px;