Skip to content

ui/devices - #252

Draft
MiloCasagrande wants to merge 14 commits into
ui/loginfrom
ui/devices
Draft

ui/devices#252
MiloCasagrande wants to merge 14 commits into
ui/loginfrom
ui/devices

Conversation

@MiloCasagrande

Copy link
Copy Markdown
Member
  • feat: add devices-table design tokens
  • feat: redesign web UI with sticky topbar and collapsible sidebar
  • fix: mobile table column widths for full viewport fill
  • feat: replace delete dialog with guarded delete design
  • refactor: add @layer declaration and wrap tokens

Milo Casagrande added 13 commits August 28, 2026 10:08
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
The new UI will show an error the first time a user arrives
at the login page and there is no cookie set. Silence that
error so it does not pop up in the UI.

Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Replace the 15px root override with 16px (browser baseline, cleaner rem
math). Add Minor-Third-based heading scale using --pico-font-size
overrides so Pico's own rules read the values without a specificity fight.

h1–h3: fluid via clamp() (22–28 / 18–22 / 16–19 px across 320–1280px)
h4–h6: fixed (17 / 13 / 11 px) — hierarchy carried by weight and case.

Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
  - Add app shell: sticky topbar with brand + nav-toggle + theme-toggle,
    collapsible push-sidebar (desktop) / off-canvas drawer (mobile ≤860px)
  - Add user avatar badge with initials derived from username
  - Redesign devices list page
  - Add OtherLabels/Initials template helpers with unit tests"

Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
@MiloCasagrande

Copy link
Copy Markdown
Member Author

@doanac this is the devices list UI refresh, it includes also the login pages work.

Comment thread server/ui/web/templates/templates.go
Revert tsToString to RFC3339 and add a separate tsToDate
(DateOnly) helper used only by devices_list.html, restoring
full timestamps everywhere else.

Signed-off-by: Milo Casagrande <mcasagra@qti.qualcomm.com>
@doanac

doanac commented Aug 31, 2026

Copy link
Copy Markdown
Member

I like where this is headed. Its working on my laptop

@MiloCasagrande

Copy link
Copy Markdown
Member Author

Other PRs in this stack, in order:

@MiloCasagrande MiloCasagrande mentioned this pull request Aug 31, 2026
@MiloCasagrande

Copy link
Copy Markdown
Member Author

There's a failing test here, but it does not look like related to these changes.

@MiloCasagrande

Copy link
Copy Markdown
Member Author

I pushed GH-254 with the device details changes.
That PR includes the changes of this one as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants