k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-10-22 23:16:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(collections): fusion sharing UI + dashboard widget + per-user toggle (#1081)

Browse Source 
- ShareCollectionModal: the owner manages a list's members and invites users
  (available-users picker → invite, cancel pending); a member can leave a shared
  list. The incoming accept/decline surface stays in the lists rail. A Share
  button is added to the collections header for owners (and members, to reach
  Leave).
- CollectionsWidget: a dashboard glass card after the currency widget showing the
  saved count and the most recent saved places, double-gated by the admin addon
  and a new per-user appearance flag.
- Appearance: a 'collections' dashboard-widget flag (desktop + mobile defaults)
  wired into the appearance settings, surviving normalize.
- Sharing + settings strings across all 22 locales (parity strict passes).
This commit is contained in:
Maurice
2026-06-30 22:59:04 +02:00
committed by Maurice
parent 783332cc0e
commit 5f9da5b72f
53 changed files with 640 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/styles/dashboard.css
+10
View File
@@ -541,6 +541,16 @@
.trek-dash .upc-type.other { background: var(--bg-2); color: var(--ink-2); }
.trek-dash .upc-type svg { width: 16px; height: 16px; }
/* ----------------- collections widget ----------------- */
.trek-dash .col-count { font-size: 12px; color: var(--ink-3); font-weight: 500; margin-bottom: 12px; }
.trek-dash .col-empty { font-size: 13px; color: var(--ink-3); }
.trek-dash .col-list { display: flex; flex-direction: column; gap: 4px; }
.trek-dash .col-item { display: grid; grid-template-columns: 36px 1fr; gap: 12px; padding: 8px; border-radius: 12px; align-items: center; transition: background .12s; cursor: pointer; width: 100%; text-align: left; }
.trek-dash .col-item:hover { background: var(--surface-2); }
.trek-dash .col-info { min-width: 0; }
.trek-dash .col-info .t { font-size: 14px; font-weight: 500; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trek-dash .col-info .s { font-size: 12px; color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* ----------------- responsive ----------------- */
@media (max-width: 1280px) {
.trek-dash .page { padding-left: 32px; padding-right: 32px; grid-template-columns: 1fr; }