diff options
| author | Claude <noreply@anthropic.com> | 2026-02-17 06:29:08 +0000 |
|---|---|---|
| committer | Claude <noreply@anthropic.com> | 2026-02-17 06:29:08 +0000 |
| commit | 71da9f0ef43b70909e61e462ecaab663ffa44d9e (patch) | |
| tree | 58e0346aa9c41051c7e9acfe6003c83ec65a529e | |
| parent | fde324d1a764841debefedf588c4b06a3f73484c (diff) | |
| download | neko-71da9f0ef43b70909e61e462ecaab663ffa44d9e.tar.gz neko-71da9f0ef43b70909e61e462ecaab663ffa44d9e.tar.bz2 neko-71da9f0ef43b70909e61e462ecaab663ffa44d9e.zip | |
v3 UI: Reorder sidebar sections per ticket NK-mcl01m
New order: filters (Unread/All/Starred) → search → "+ new" → Feeds → Tags
Previously: search → filters → Tags → Feeds
Also adjust sidebar-search margin now that it's inside the scroll area.
https://claude.ai/code/session_01DpWhB9uGGMBnzqS28HxnuV
| -rw-r--r-- | frontend-vanilla/src/main.ts | 17 | ||||
| -rw-r--r-- | frontend-vanilla/src/style.css | 3 |
2 files changed, 13 insertions, 7 deletions
diff --git a/frontend-vanilla/src/main.ts b/frontend-vanilla/src/main.ts index 02e4188..5f8056c 100644 --- a/frontend-vanilla/src/main.ts +++ b/frontend-vanilla/src/main.ts @@ -30,9 +30,6 @@ export function renderLayout() { <button class="sidebar-toggle" id="sidebar-toggle-btn" title="Toggle Sidebar">🐱</button> <div class="sidebar-backdrop" id="sidebar-backdrop"></div> <aside class="sidebar" id="sidebar"> - <div class="sidebar-search"> - <input type="search" id="search-input" placeholder="Search..." value="${store.searchQuery}"> - </div> <div class="sidebar-scroll"> <section class="sidebar-section"> <ul id="filter-list"> @@ -41,14 +38,22 @@ export function renderLayout() { <li class="filter-item" data-filter="starred"><a href="/v3/?filter=starred" data-nav="filter" data-value="starred">Starred</a></li> </ul> </section> - <section class="sidebar-section collapsible collapsed" id="section-tags"> - <h3>Tags <span class="caret">▶</span></h3> - <ul id="tag-list"></ul> + <div class="sidebar-search"> + <input type="search" id="search-input" placeholder="Search..." value="${store.searchQuery}"> + </div> + <section class="sidebar-section"> + <ul> + <li><a href="/v3/settings" data-nav="settings" class="new-feed-link">+ new</a></li> + </ul> </section> <section class="sidebar-section collapsible collapsed" id="section-feeds"> <h3>Feeds <span class="caret">▶</span></h3> <ul id="feed-list"></ul> </section> + <section class="sidebar-section collapsible collapsed" id="section-tags"> + <h3>Tags <span class="caret">▶</span></h3> + <ul id="tag-list"></ul> + </section> </div> <div class="sidebar-footer"> <a href="/v3/settings" data-nav="settings">Settings</a> diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index 5fb436c..0a2d0f3 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -77,7 +77,8 @@ html { /* Sidebar Header Removed */ .sidebar-search { - margin-bottom: 2rem; + margin-top: 1rem; + margin-bottom: 1rem; } .sidebar-search input { |