jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(rnetwork): remove header and stats bar to maximize canvas space 

Remove the "Network Graph" title and People/Organizations/Members/Cross-org
stats bar. Reduce toolbar margin for minimal chrome above the canvas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-12 22:45:19 -07:00
parent 2532efd6cc
commit a1f8103237
1 changed files with 1 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
modules/rnetwork/components/folk-graph-viewer.ts
View File

@ -300,7 +300,7 @@ class FolkGraphViewer extends HTMLElement {
:host { display: flex; flex-direction: column; font-family: system-ui, -apple-system, sans-serif; color: var(--rs-text-primary); height: 100%; } :host { display: flex; flex-direction: column; font-family: system-ui, -apple-system, sans-serif; color: var(--rs-text-primary); height: 100%; }
* { box-sizing: border-box; } * { box-sizing: border-box; }
.toolbar { display: flex; gap: 8px; margin-bottom: 12px; align-items: center; flex-wrap: wrap; } .toolbar { display: flex; gap: 8px; margin-bottom: 4px; align-items: center; flex-wrap: wrap; }
.search-input { .search-input {
border: 1px solid var(--rs-input-border); border-radius: 8px; padding: 8px 12px; border: 1px solid var(--rs-input-border); border-radius: 8px; padding: 8px 12px;
background: var(--rs-input-bg); color: var(--rs-input-text); font-size: 13px; width: 200px; outline: none; background: var(--rs-input-bg); color: var(--rs-input-text); font-size: 13px; width: 200px; outline: none;
@ -417,12 +417,6 @@ class FolkGraphViewer extends HTMLElement {
} }
</style> </style>
<div class="rapp-nav" style="display:flex;gap:8px;margin-bottom:16px;align-items:center;min-height:36px">
<span style="font-size:15px;font-weight:600;flex:1;color:var(--rs-text-primary)">Network Graph${this.space === "demo" ? '<span class="demo-badge">Demo</span>' : ""}</span>
</div>
<div class="stats" id="stats-bar"></div>
<div class="toolbar"> <div class="toolbar">
<input class="search-input" type="text" placeholder="Search nodes..." id="search-input" value=""> <input class="search-input" type="text" placeholder="Search nodes..." id="search-input" value="">
<button class="filter-btn active" data-filter="all">All</button> <button class="filter-btn active" data-filter="all">All</button>