fleet/frontend/components/TableContainer/DataTable
Jacob Shandling 5445559c76
UI: Address tooltip in headers spacing bug (#10792)
## Addresses #9988

* Adjust copy in tooltips to take up less width
* Refactor table headers to take an optional "isLastColumn" property
that is set to true when that header is in the last column.
* Use above property in conjunction with presence of TooltipWrapper as a
value for the header cell to add a class specific to that state.
* Use that class to adjust the location of the tooltip text and the
min-width of the column to avoid the bug.

The 3 states which exhibited this bug, now fixed:
<img width="1496" alt="Screenshot 2023-03-27 at 4 36 01 PM"
src="https://user-images.githubusercontent.com/61553566/228091971-4d5d034d-55c5-4921-955a-4946119f7785.png">
<img width="1496" alt="Screenshot 2023-03-27 at 4 36 12 PM"
src="https://user-images.githubusercontent.com/61553566/228091968-adf90b32-8fd2-45d9-b56d-a64c654151ef.png">
<img width="1496" alt="Screenshot 2023-03-27 at 4 36 24 PM"
src="https://user-images.githubusercontent.com/61553566/228091962-ff626daa-b13d-4093-b34f-de704b820161.png">

# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-04-04 10:25:07 -07:00
..
ActionButton Removed all traces of Redux from the app! (#5287) 2022-04-22 09:45:35 -07:00
DefaultColumnFilter update buttons to match new styleguide (#9183) 2023-01-05 15:23:27 +00:00
DropdownCell Fleet UI: Rebase fix (#9040) 2022-12-15 12:06:09 -05:00
HeaderCell UI: Address tooltip in headers spacing bug (#10792) 2023-04-04 10:25:07 -07:00
IssueCell Frontend: Unit tests /components directory, convert to svg icons (#8716) 2022-12-07 09:59:38 -08:00
LinkCell Fleet UI: Critical icon on policy table (#10313) 2023-03-06 15:57:15 -05:00
LiveQueryIssueCell Fleet UI: Select targets distributed interval tooltips (#9975) 2023-02-22 16:27:02 -05:00
PillCell Fleet UI: Undetermined public ip tooltip (#9907) 2023-02-21 09:16:38 -05:00
PlatformCell Fleet UI: Undetermined public ip tooltip (#9907) 2023-02-21 09:16:38 -05:00
TextCell UI: Ensure TextCell is always greyed when no value passed in (#10696) 2023-03-23 09:32:46 -07:00
TruncatedTextCell UI: Add macOS settings (profiles) indicator and modal with data table (#9809) 2023-02-22 08:13:12 -08:00
_styles.scss Fleet UI: Fix tables that bleed over on smaller screens (#9475) 2023-01-25 11:10:15 -05:00
DataTable.tests.tsx Fleet UI: Set default pagination length to 20 (#7165) 2022-08-15 13:00:06 -04:00
DataTable.tsx standardize a default value for empty cells (#9899) 2023-02-17 15:25:28 -03:00