Files

T

Noah Talerman 3a78739c10 Low contrast text on dashboard charts (#49651 )

- [x] QA'd all new/changed functionality manually

For the following bug:
- https://github.com/fleetdm/fleet/issues/49626

Before:

<img width="1362" height="492" alt="Screenshot 2026-07-28 at 12 59
19 PM"
src="https://github.com/user-attachments/assets/2a8be8a5-4687-4259-8aec-7b49e4c2b93e"
/>

<img width="1365" height="477" alt="Screenshot 2026-07-28 at 1 00 11 PM"
src="https://github.com/user-attachments/assets/855b19c7-e855-40b9-9952-3ca45a443dee"
/>

<img width="928" height="443" alt="Screenshot 2026-07-28 at 1 01 51 PM"
src="https://github.com/user-attachments/assets/f66ed7f9-9f0f-4416-a938-57a6c6b3d984"
/>

<img width="923" height="443" alt="Screenshot 2026-07-28 at 1 01 54 PM"
src="https://github.com/user-attachments/assets/83fab0ae-1496-44b0-b65e-c256e4f0d0bc"
/>


After:

<img width="1349" height="469" alt="Screenshot 2026-07-28 at 12 59
08 PM"
src="https://github.com/user-attachments/assets/f51e6cce-6f2f-4385-8c7d-81a8d3e99ec3"
/>

<img width="1368" height="552" alt="Screenshot 2026-07-28 at 12 59
55 PM"
src="https://github.com/user-attachments/assets/75557fea-d614-4383-a557-8ef7f6a8f3ef"
/>

<img width="919" height="378" alt="Screenshot 2026-07-28 at 1 01 39 PM"
src="https://github.com/user-attachments/assets/82db0bdf-c8c2-40a2-90e0-f531c0cfb9b3"
/>

<img width="920" height="435" alt="Screenshot 2026-07-28 at 1 01 42 PM"
src="https://github.com/user-attachments/assets/ed01a037-22ba-40a6-9833-a7f98541e536"
/>

2026-07-28 14:30:26 -07:00

cards

Low contrast text on dashboard charts (#49651 )

2026-07-28 14:30:26 -07:00

components

Fleet UI: PR #49292 follow-up — buttons, 8px gaps, focus ring (#50049 )

2026-07-28 13:52:48 -07:00

sections

Fleet UI: Restore dashboard cards hidden despite the API returning their data (#49349 )

2026-07-15 13:22:13 -07:00

_styles.scss

Fleet UI: New user role dropdown weird scrollbar (#48419 )

2026-06-29 12:37:34 -04:00

DashboardPage.tsx

Fleet UI: Searchable fleets dropdown with add-fleet affordance (#49690 )

2026-07-23 07:26:04 -07:00

helpers.ts

…

index.tsx

…

README.md

…

README.md

Dashboard Notes

The dashboard is designed to contain a dynamic number of informational cards with dynamic layouts that are based on fleets (if any) and device platforms (macOS, Linux, Windows).

Architecture

Dashboard Wrapper
Components
Cards

Hompage Wrapper

The wrapper is a minimal file that instantiates all host values, cards, and layouts based on the fleet and platform selected. Cards are applied in a delcarative form, as functions, rather than components inserted in standard JSX. This is to enhance legibility as the number of cards grow.

Components

Local components that needed extracting to make the code more maintainable.

Cards

Each card design is placed in this directory. We anticipate creating more as the product gets more robust.