tcsenpai/obsidiangarden_netlify
1
0
Fork 0
mirror of https://github.com/tcsenpai/obsidiangarden_netlify.git synced 2025-06-06 20:55:21 +00:00
Code Issues 5 Packages Projects Releases Wiki Activity

Some graph style enhancements

Browse Source
This commit is contained in:
Ole Eskild Steensen 2023-02-14 16:59:54 +01:00
parent 34b9b34775
commit 700ca73c9b
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/site/_includes/components/graphScript.njk
View File

@ -57,7 +57,7 @@
const highlightNodes = new Set();
let hoverNode = null;
const color = getCssVar("--text-accent");
const mutedColor = getCssVar("--text-faint");
const mutedColor = getCssVar("--text-muted");
let Graph = ForceGraph()
(el)

20
src/site/styles/digital-garden-base.scss
View File

@ -69,6 +69,10 @@ ul.task-list {
width: 320px;
height: 320px;
}
#graph-fs-btn {
margin-right: 10px;
}
}
.graph-fs {
position: fixed;
@ -82,12 +86,19 @@ ul.task-list {
z-index: 9999;
display: block;
background-color: var(--background-secondary);
border: 1px solid var(--text-accent);
border-radius: 5px;
padding-top: 5px;
#link-graph {
width: 100%;
height: 100%;
}
#graph-controls{
margin-top: 10px;
}
.graph-title {
display: none;
}
@ -203,7 +214,7 @@ ul.task-list {
.graph-title-container {
display: flex;
justify-content: flex-end;
width: 320px;
width: 100%;
}
.graph-title {
@ -566,6 +577,8 @@ ul.task-list {
z-index: 9999;
display: none;
background-color: var(--background-secondary);
border: 1px solid var(--text-accent);
border-radius: 5px;
#full-graph-container {
width: 100%;
@ -605,6 +618,7 @@ ul.task-list {
i {
cursor: pointer;
padding-right: 10px;
}
.depth-control {
@ -631,8 +645,8 @@ ul.task-list {
#depth-display {
background-color: var(--text-accent);
color: white;
width: 1rem;
height: 1rem;
width: 1.3rem;
height: 1.3rem;
font-size: 0.8rem;
display: flex;
justify-content: center;