TAB BAR: enabled Money Tab not visible; width = min(enabled Tabs, 5) on desktop, 3 on phones, scroll for the rest (job/tray-order, unmerged) #591

Closed
opened 2026-10-01 08:01:25 +00:00 by kayg · 1 comment
Owner

Owner report (2026-09-30)

  • 08:59: "wait money is live? I don't see it in the tabs even though the plugin is enabled for me?"
  • 13:59: "money is still not visible?"
  • 16:20 (screenshot): "see last item is analytics, i cant see money in the tab bar at all! I haven't seen its ui yet"

Cause found on 2026-09-30: the bar showed 3 items, and Money was the 6th enabled Tab, so it was off-screen. The code also sliced enabled Tabs to five, so the 6th Tab was dropped completely. Commit 7c6fd3ce9 on dev removes the five-Tab cap.

Decision (owner, 2026-09-30, recorded in DESIGN §34)

  • On desktop, the Tab Bar is as wide as min(enabled Tabs, 5) items.
  • On phones, the Tab Bar is always 3 items wide.
  • Every enabled Tab stays reachable: the bar scrolls horizontally for the rest.
  • A Tab that the User just switched on scrolls into view.

Status when this issue was filed (2026-10-01)

The width rule is on branch job/tray-order and is not merged. Only the "no five-Tab cap" fix (7c6fd3ce9) is on dev. No issue tracked this until now.

Acceptance test

  • A layout test with 3, 4, 5 and 7 enabled Tabs at 390 and 1440 px: the visible count matches the rule, and every Tab is reachable by scroll, by keyboard (arrow keys) and by trackpad.
  • An e2e on a production build: switch Money on in Settings → Plugins, and see Money in the Tab Bar without a reload.
  • Screenshots at 390, 820 and 1440 px, light and dark.

Related: #590 (Tab order), #462 (Money), #475 (onboarding).

## Owner report (2026-09-30) - 08:59: "wait money is live? I don't see it in the tabs even though the plugin is enabled for me?" - 13:59: "money is still not visible?" - 16:20 (screenshot): "see last item is analytics, i cant see money in the tab bar at all! I haven't seen its ui yet" Cause found on 2026-09-30: the bar showed 3 items, and Money was the 6th enabled Tab, so it was off-screen. The code also sliced enabled Tabs to five, so the 6th Tab was dropped completely. Commit `7c6fd3ce9` on `dev` removes the five-Tab cap. ## Decision (owner, 2026-09-30, recorded in DESIGN §34) - On desktop, the Tab Bar is as wide as min(enabled Tabs, 5) items. - On phones, the Tab Bar is always 3 items wide. - Every enabled Tab stays reachable: the bar scrolls horizontally for the rest. - A Tab that the User just switched on scrolls into view. ## Status when this issue was filed (2026-10-01) The width rule is on branch `job/tray-order` and is **not merged**. Only the "no five-Tab cap" fix (`7c6fd3ce9`) is on `dev`. No issue tracked this until now. ## Acceptance test - A layout test with 3, 4, 5 and 7 enabled Tabs at 390 and 1440 px: the visible count matches the rule, and every Tab is reachable by scroll, by keyboard (arrow keys) and by trackpad. - An e2e on a production build: switch Money on in Settings → Plugins, and see Money in the Tab Bar without a reload. - Screenshots at 390, 820 and 1440 px, light and dark. Related: #590 (Tab order), #462 (Money), #475 (onboarding).
Author
Owner

Shipped in merge round 4, deployed to calternal.cloud in 1af8ead26 (healthy).

Shipped in merge round 4, deployed to calternal.cloud in 1af8ead26 (healthy).
kayg closed this issue 2026-10-01 09:18:00 +00:00
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal#591
No description provided.