secstate/orgweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add pinned files and filter hiding

Browse Source
This commit is contained in:
Colin Powell
2026-02-17 13:54:53 -05:00
parent ca3fbe4149
commit b737200b21
3 changed files with 263 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
static/style.css
View File

@ -106,6 +106,41 @@ nav {
scrollbar-gutter: stable;
}
.nav-toolbar-header {
margin-bottom: 0.6rem;
}
.toggle-toolbar-btn {
border: 1px solid var(--line);
border-radius: 0.45rem;
background: var(--panel);
color: var(--ink-soft);
padding: 0.3rem 0.6rem;
font-size: 0.8rem;
cursor: pointer;
width: 100%;
text-align: left;
}
.toggle-toolbar-btn:hover {
border-color: var(--accent);
color: var(--ink);
}
.nav-toolbar {
overflow: hidden;
transition: max-height 0.2s ease, opacity 0.2s ease;
max-height: 500px;
opacity: 1;
}
.nav-toolbar-hidden {
max-height: 0;
opacity: 0;
pointer-events: none;
margin: 0;
}
.search-wrap {
display: grid;
gap: 0.35rem;
@ -156,11 +191,12 @@ nav {
.file-link {
display: block;
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
margin-bottom: 0.5rem;
padding: 0.6rem 0.7rem;
padding: 0.6rem 2rem 0.6rem 0.7rem;
border: 1px solid var(--line);
border-radius: 0.5rem;
color: var(--ink-soft);
@ -168,6 +204,11 @@ nav {
background: var(--panel);
}
.file-link[data-pinned="user"] {
border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
background: color-mix(in srgb, var(--accent-soft) 30%, var(--panel));
}
.file-title {
display: block;
font-weight: 600;
@ -199,6 +240,37 @@ nav {
font-weight: 600;
}
.pin-toggle {
position: absolute;
top: 0.45rem;
right: 0.35rem;
border: none;
background: transparent;
cursor: pointer;
font-size: 0.82rem;
line-height: 1;
padding: 0.15rem;
border-radius: 0.25rem;
opacity: 0;
transition: opacity 0.15s;
color: var(--ink-soft);
}
.file-link:hover .pin-toggle,
.file-link:focus-within .pin-toggle {
opacity: 0.5;
}
.file-link:hover .pin-toggle:hover,
.file-link:focus-within .pin-toggle:hover {
opacity: 1;
}
.file-link[data-pinned="user"] .pin-toggle,
.file-link[data-pinned="server"] .pin-toggle {
opacity: 1;
}
main {
padding: 1.2rem;
overflow: auto;