The phone is a dock, not a page. Full size gives five tabs — Recents, Contacts, Keypad, Voicemail, Queue. Compact is the on-a-call bar. Dot is a single puck that pulses while a call is live. It can be dragged anywhere, dropped onto the sidebar to become an ordinary menu row, or parked in a fixed top-right slot. On mobile there is no puck at all: the header icon is the whole interface.
Also called: phone widget · floating dialer · call while I work · phone button
- 1One persisted value — the dot's anchor — with every other position derived at render, never written back
- 2The panel grows away from the nearer screen edge, and that side is latched while it stays open
- 3The anchor is clamped against the box you can actually see, so minimising never strands the puck off-screen
- 4Drop zones are discovered by a DOM attribute, so the sidebar decides where its zone is
- 5Placement changes are broadcast so the sidebar and the dock cannot both draw a phone
A phone is not a destination — it is a tool you use while doing something else, and a full-page dialer forces you to leave the estimate or the schedule the call is actually about. The floating version had its own problems: opened near the right edge it pushed itself off screen, and closing it left the button somewhere different from where you had put it. It now comes in three sizes, remembers its position, and parks in the sidebar or the corner — and on a phone-sized screen it stops floating entirely rather than covering the content and fighting the nav bar for thumb room.
- Full-page dialers that hide the work the call is about
- A floating widget that drifts or strands itself off-screen
- Duplicate phone UI when it is docked into the nav
See it on your own jobs
Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.
or keep browsing features →