fleet/frontend/pages/admin/TeamManagementPage/_styles.scss
Jacob Shandling 07366e9497
UI – remove problematic legacy .body-wrap, apply UI-standard .core-wrapper and .main-content to DUP (#16310)
## More global solution to #16277, cleanup to prevent similar bugs

- Swap out [localized
solution](https://github.com/fleetdm/fleet/pull/16287) for standard
`.main-content` containing desired padding
- Apply `.core-wrapper` class to parent, in line with all other UI pages
- Remove problematic legacy `.body-wrap`
  - spot check all places this class was being applied:
    - PlatformWrapper
    - LiveQuery –> SelectTargets (was causing excess padding here)
    - PackQueriesTable (caused excess padding here)
    - TeamManagementPage (excess padding was being locally negated)
    - EditQueryPage
    - LiveQueryPage
    - DeviceUserPage
  - Remove local styles meant to negate `.body-wrap`'s styles

- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-01-25 18:48:38 +00:00

39 lines
659 B
SCSS

.team-management {
&__page-description {
font-size: $x-small;
color: $core-fleet-black;
@include sticky-settings-description;
padding-bottom: $pad-medium;
}
.data-table-block {
.data-table__table {
thead {
.name__header {
width: $col-md;
}
.host_count__header {
width: $col-md;
}
.actions__header {
width: auto;
}
}
tbody {
.name__cell {
max-width: $col-md;
}
.host_count__cell {
max-width: $col-md;
}
.actions__cell {
width: auto;
}
}
}
}
}