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 committed by Utsob Roy
parent 9355fe6c58
commit fc5f39cbf4
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(); const highlightNodes = new Set();
let hoverNode = null; let hoverNode = null;
const color = getCssVar("--text-accent"); const color = getCssVar("--text-accent");
const mutedColor = getCssVar("--text-faint"); const mutedColor = getCssVar("--text-muted");
let Graph = ForceGraph() let Graph = ForceGraph()
(el) (el)

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

@ -73,6 +73,10 @@ ul.task-list {
width: 320px; width: 320px;
height: 320px; height: 320px;
} }
#graph-fs-btn {
margin-right: 10px;
}
} }
.graph-fs { .graph-fs {
position: fixed; position: fixed;
@ -86,12 +90,19 @@ ul.task-list {
z-index: 9999; z-index: 9999;
display: block; display: block;
background-color: var(--background-secondary); background-color: var(--background-secondary);
border: 1px solid var(--text-accent);
border-radius: 5px;
padding-top: 5px;
#link-graph { #link-graph {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#graph-controls{
margin-top: 10px;
}
.graph-title { .graph-title {
display: none; display: none;
} }
@ -207,7 +218,7 @@ ul.task-list {
.graph-title-container { .graph-title-container {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
width: 320px; width: 100%;
} }
.graph-title { .graph-title {
@ -570,6 +581,8 @@ ul.task-list {
z-index: 9999; z-index: 9999;
display: none; display: none;
background-color: var(--background-secondary); background-color: var(--background-secondary);
border: 1px solid var(--text-accent);
border-radius: 5px;
#full-graph-container { #full-graph-container {
width: 100%; width: 100%;
@ -609,6 +622,7 @@ ul.task-list {
i { i {
cursor: pointer; cursor: pointer;
padding-right: 10px;
} }
.depth-control { .depth-control {
@ -635,8 +649,8 @@ ul.task-list {
#depth-display { #depth-display {
background-color: var(--text-accent); background-color: var(--text-accent);
color: white; color: white;
width: 1rem; width: 1.3rem;
height: 1rem; height: 1.3rem;
font-size: 0.8rem; font-size: 0.8rem;
display: flex; display: flex;
justify-content: center; justify-content: center;