Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-05 04:45:47 +01:00
Code Issues Packages Projects Releases Activity

link map is kept centered on the active note box

Browse Source
This commit is contained in:
zadam
2019-08-28 23:08:05 +02:00
parent ec06b940f4
commit 9d958e1860
3 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/public/javascripts/services/link_map.js
View File

@@ -146,6 +146,10 @@ export default class LinkMap {
$noteBox
.css("left", (middleW + p.x * 100) + "px")
.css("top", (middleH + p.y * 100) + "px");
if ($noteBox.hasClass("link-map-active-note")) {
this.moveToCenterOfElement($noteBox[0]);
}
},
() => {},
() => {},
@@ -160,6 +164,21 @@ export default class LinkMap {
setTimeout(() => this.renderer.stop(), 3000);
}
moveToCenterOfElement(element) {
const elemBounds = element.getBoundingClientRect();
const containerBounds = this.pzInstance.getOwner().getBoundingClientRect();
const centerX = -elemBounds.left + containerBounds.left + (containerBounds.width / 2) - (elemBounds.width / 2);
const centerY = -elemBounds.top + containerBounds.top + (containerBounds.height / 2) - (elemBounds.height / 2);
const transform = this.pzInstance.getTransform();
const newX = transform.x + centerX;
const newY = transform.y + centerY;
this.pzInstance.moveTo(newX, newY);
}
initPanZoom() {
if (this.pzInstance) {
return;

4
src/public/stylesheets/link_map.css
View File

@@ -6,7 +6,7 @@
.link-map-container .note-box {
padding: 8px;
position: absolute !important;
background-color: var(--accented-background-color);
background-color: var(--main-background-color);
color: var(--main-text-color);
z-index: 4;
border: 1px solid #666;
@@ -37,7 +37,7 @@
}
.link-map-active-note {
background-color: var(--more-accented-background-color) !important;
background-color: var(--accented-background-color) !important;
}
.link-map-container .jsplumb-connection-hover path {