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

Merge branch 'dev'

This commit is contained in:
Jeff Emmett 2026-03-28 16:43:30 -07:00
parent 514ee46534 abc855f34e
commit ac517bc56d
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
modules/rnotes/components/folk-notes-app.ts
View File

@ -2859,9 +2859,9 @@ Gear: EUR 400 (10%)</code></pre><p><em>Maya is tracking expenses in rF
this.navZone.innerHTML = `
<div class="notes-sidebar">
<button class="sidebar-collapse" id="sidebar-collapse" title="Hide sidebar">\u2039</button>
<div class="sidebar-header">
<input class="sidebar-search" type="text" placeholder="Search notes..." id="search-input" value="${this.esc(this.searchQuery)}">
<button class="sidebar-collapse" id="sidebar-collapse" title="Hide sidebar">\u2039</button>
</div>
<button class="sidebar-btn-new-nb" id="create-notebook">+ New Notebook</button>
<div class="sidebar-tree">
@ -3178,21 +3178,24 @@ Gear: EUR 400 (10%)</code></pre><p><em>Maya is tracking expenses in rF
opacity: 1;
pointer-events: auto;
}
#nav-zone { overflow: hidden; }
#nav-zone { overflow: visible; }
#notes-layout.sidebar-collapsed #nav-zone { overflow: hidden; }
.notes-sidebar {
display: flex;
flex-direction: column;
border-right: 1px solid var(--rs-border-subtle);
background: var(--rs-bg-surface);
overflow: hidden;
overflow: visible;
height: 100%;
position: relative;
transition: opacity 0.15s ease;
}
/* Collapse button in sidebar header */
/* Collapse button — right edge, vertically centered on sidebar */
.sidebar-collapse {
position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
width: 24px; height: 24px; border-radius: 4px;
position: absolute; right: -12px; top: 50%; transform: translateY(-50%);
width: 20px; height: 48px; z-index: 10;
border: 1px solid var(--rs-border-subtle, #333);
border-radius: 0 6px 6px 0;
background: var(--rs-bg-surface, #1e1e2e);
color: var(--rs-text-muted, #888);
font-size: 16px; line-height: 1;
@ -3222,9 +3225,9 @@ Gear: EUR 400 (10%)</code></pre><p><em>Maya is tracking expenses in rF
color: var(--rs-text-primary);
background: var(--rs-bg-hover, #252538);
}
.sidebar-header { padding: 12px 12px 8px; position: relative; }
.sidebar-header { padding: 12px 12px 8px; }
.sidebar-search {
width: 100%; padding: 8px 36px 8px 12px; border-radius: 6px;
width: 100%; padding: 8px 12px; border-radius: 6px;
border: 1px solid var(--rs-input-border); background: var(--rs-input-bg);
color: var(--rs-input-text); font-size: 13px; font-family: inherit;
transition: border-color 0.15s;