mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 13:37:30 +00:00
<!-- 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 -->
57 lines
1.3 KiB
SCSS
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;
|
|
}
|
|
}
|
|
}
|