Skip to content

Commit bf1f7fd

Browse files
nulmeteksykulev
authored andcommitted
Query results table: fix id column header and cell styles (#43246)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves #42402 - Added missing left border to `id` table header. - Changed `display: flex` to `display: table-cell` for `id` table cells. # Checklist for submitter - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. See [Changes files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files) for more information. (Original PR didn't have one: #42937.) ## Testing - [x] QA'd all new/changed functionality manually #### Before <img width="1769" height="572" alt="Screenshot 2026-04-08 at 1 17 34 PM" src="https://github.com/user-attachments/assets/c4131e55-5213-431a-ae81-ffdd8b99fb03" /> #### After <img width="1760" height="572" alt="Screenshot 2026-04-08 at 1 17 21 PM" src="https://github.com/user-attachments/assets/5e482160-9b5a-4115-bf14-e64e4514e192" />
1 parent 9977eea commit bf1f7fd

2 files changed

Lines changed: 3 additions & 6 deletions

File tree

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
* Fixed query results table deduplicating rows when query data contains an `id` column, and fixed `id` column header and cell styling.

frontend/components/TableContainer/DataTable/_styles.scss

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -120,9 +120,7 @@ $shadow-transition-width: 10px;
120120
border-top-right-radius: 6px;
121121
}
122122

123-
&.actions__header,
124-
&.id__header // Same as actions__header on some pages
125-
{
123+
&.actions__header {
126124
border-left: none;
127125
width: 99px;
128126
}
@@ -277,9 +275,7 @@ $shadow-transition-width: 10px;
277275
max-width: 500px;
278276
word-wrap: break-word;
279277

280-
&.actions__cell,
281-
&.id__cell // Same as actions__cell on some pages
282-
{
278+
&.actions__cell {
283279
display: flex;
284280
justify-content: end; // Aligns actions dropdown to right of table
285281
max-width: 99px;

0 commit comments

Comments
 (0)