tcsenpai/obsidiangarden_netlify
1
0
Fork 0
mirror of https://github.com/tcsenpai/obsidiangarden_netlify.git synced 2025-06-06 04:35:20 +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();
let hoverNode = null;
const color = getCssVar("--text-accent");
const mutedColor = getCssVar("--text-faint");
const mutedColor = getCssVar("--text-muted");
let Graph = ForceGraph()
(el)

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

@ -227,4 +227,4 @@
resultsHTML += '</div>';
resultsDiv.innerHTML = resultsHTML;
}
</script>
</script>

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

@ -73,6 +73,10 @@ ul.task-list {
width: 320px;
height: 320px;
}
#graph-fs-btn {
margin-right: 10px;
}
}
.graph-fs {
position: fixed;
@ -86,12 +90,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;
}
@ -207,7 +218,7 @@ ul.task-list {
.graph-title-container {
display: flex;
justify-content: flex-end;
width: 320px;
width: 100%;
}
.graph-title {
@ -570,6 +581,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%;
@ -609,6 +622,7 @@ ul.task-list {
i {
cursor: pointer;
padding-right: 10px;
}
.depth-control {
@ -635,8 +649,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;