Server rail: mention counts, folder unread, remembered folders, tooltips, "+" join tile #285

Closed
opened 2026-10-07 20:43:03 -04:00 by Salastil · 1 comment
Owner
  • Guild/space tiles never show a mention count: highlight is computed (ServerRail.tsx:398-415) but only recolours the 17px service badge (287-288). Discord shows a red count bottom-right.
  • Closed folders (FolderTile, ServerRail.tsx:746-811) show no pill and no count - unread servers in a closed folder are invisible.
  • Folder open/closed state is deliberately not saved (354-357); Discord remembers it.
  • The pill doesn't grow on hover; picture tiles change radius only 34%→30% (app.css:4285-4291).
  • Server names are native title tooltips (206): delayed and unstyled. Discord shows an instant flyout to the right.
  • The drop indicator is always a line above the target (4427-4436), even when the drop goes below.
  • No "+" at the bottom of the rail: joining lives in the user footer and only targets the account currently shown there (UserFooter.tsx:124-131).
  • Folder expand isn't animated (586).

Fix: all of the above; the "+" tile opens Join with an account picker.

Part of the v1.0 UI pass.

- Guild/space tiles never show a mention count: `highlight` is computed (ServerRail.tsx:398-415) but only recolours the 17px service badge (287-288). Discord shows a red count bottom-right. - Closed folders (`FolderTile`, ServerRail.tsx:746-811) show no pill and no count - unread servers in a closed folder are invisible. - Folder open/closed state is deliberately not saved (354-357); Discord remembers it. - The pill doesn't grow on hover; picture tiles change radius only 34%→30% (app.css:4285-4291). - Server names are native `title` tooltips (206): delayed and unstyled. Discord shows an instant flyout to the right. - The drop indicator is always a line above the target (4427-4436), even when the drop goes below. - No "+" at the bottom of the rail: joining lives in the user footer and only targets the account currently shown there (UserFooter.tsx:124-131). - Folder expand isn't animated (586). **Fix:** all of the above; the "+" tile opens Join with an account picker. _Part of the v1.0 UI pass._
Salastil added this to the v1.0 milestone 2026-10-07 20:43:03 -04:00
Salastil added the feature label 2026-10-07 20:43:03 -04:00
Author
Owner

Finished: 8072b24.

Mention counts on server tiles (before left, after right): the corner now shows how many are waiting in a server that has a mention - 20 on the first server, 2 on the second - in red, where the service mark used to be.

tiles

A closed folder with both servers inside it: before it showed nothing, so unread servers filed away were invisible; now it gets the pill and the summed count.

folder

The name flyout: instant, in the app's style, to the right of the tile (the browser's tooltip waited most of a second and could not be styled). It also shows on keyboard focus.

tooltip

Also: the pill grows on hover (and a waiting one grows more), which folder is open is remembered across restarts (ui.railFolderOpen), and a dashed + tile at the foot of the list opens Join for the account being looked at (a picker for any account is in #323).

Not done: the drop indicator (always a line above the target) - which side a drop lands on depends on the reorder rule, and changing the line without the rule would show something that is not what happens; and the folder expand animation, which is #283.

Finished: [8072b24](https://git.salastil.com/Salastil/moho/commit/8072b2496bfa06d1b4eb2eb24a43ffb76a9e7fd4). **Mention counts on server tiles** (before left, after right): the corner now shows how many are waiting in a server that has a mention - `20` on the first server, `2` on the second - in red, where the service mark used to be. ![tiles](https://git.salastil.com/attachments/60153f6c-740f-4468-8587-50e60b853e9f) **A closed folder** with both servers inside it: before it showed nothing, so unread servers filed away were invisible; now it gets the pill and the summed count. ![folder](https://git.salastil.com/attachments/87ef3886-411d-480b-ab37-38865f40c697) **The name flyout**: instant, in the app's style, to the right of the tile (the browser's tooltip waited most of a second and could not be styled). It also shows on keyboard focus. ![tooltip](https://git.salastil.com/attachments/c7a99291-92f2-4e7b-b4de-4201ebdb1f77) Also: the **pill grows on hover** (and a waiting one grows more), **which folder is open is remembered** across restarts (`ui.railFolderOpen`), and a dashed **+ tile** at the foot of the list opens Join for the account being looked at (a picker for any account is in #323). Not done: the drop indicator (always a line above the target) - which side a drop lands on depends on the reorder rule, and changing the line without the rule would show something that is not what happens; and the folder expand animation, which is #283.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Salastil/moho#285