fleet/frontend/pages/hosts/details/OSSettingsModal/OSSettingsTable/_styles.scss
Magnus Jensen 90f75f1644
simplify OS modal (#43252)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #40702 

New look:
<img width="812" height="350" alt="image"
src="https://github.com/user-attachments/assets/83e82480-b756-4c51-be3f-09a72e736770"
/>


# 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/`,
`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.

- [x] Input data is properly validated, `SELECT *` is avoided, SQL
injection is prevented (using placeholders for values in statements), JS
inline code is prevented especially for url redirects, and untrusted
data interpolated into shell scripts/commands is validated against shell
metacharacters.
- [x] Timeouts are implemented and retries are limited to avoid infinite
loops
- [x] If paths of existing endpoints are modified without backwards
compatibility, checked the frontend/CLI for any necessary changes

## Testing

- [x] Added/updated automated tests
- [x] QA'd all new/changed functionality manually


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Bug Fixes**
* Simplified pending status labels in OS Settings modal by removing
"(pending)" suffix from states like "Enforcing" and "Removing
enforcement"
  * Improved OS Settings modal table layout and styling

* **New Features**
* Added dedicated action buttons to resend MDM profiles and rotate
Recovery Lock password
  * Enhanced error tooltip handling for failed profile states

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-04-09 16:30:15 -05:00

57 lines
1.3 KiB
SCSS

.os-settings-table {
// stylings for the table cells. This was the explicit width we want
// for these cells in the table. Total width of the table cell will be
// 240px including the padding.
.data-table-block .data-table {
&__wrapper {
width: initial;
}
&__table {
table-layout: fixed;
}
th.detail__header {
border-left: none;
width: 120px;
}
th.status__header {
width: 200px;
}
// Name column absorbs remaining space and truncates with ellipsis.
tbody td.name__cell {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.statusText {
&__cell {
white-space: nowrap;
}
}
// row hover effect for resend button. we dont want this behavior when the
// button is resending
.resend-link:not(.os-settings-resend-cell__resending) {
opacity: 0;
transition: opacity 250ms;
}
tr:hover {
.resend-link:not(.os-settings-resend-cell__resending) {
opacity: 1;
}
}
// row hover effect for rotate button, matching resend pattern
.rotate-link:not(.os-settings-resend-cell__rotating) {
opacity: 0;
transition: opacity 250ms;
}
tr:hover {
.rotate-link:not(.os-settings-resend-cell__rotating) {
opacity: 1;
}
}
}