Andrew Mellor
de1e14bbee
**Related issue:** Resolves #45179 # 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. ## 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 * **New Features** * Configuration profiles now support selecting both include and exclude labels when uploading MDM profiles * Profile labels modal displays include and exclude label sections separately * **Bug Fixes** * Delete label confirmation now clarifies that labels used by configuration profiles cannot be deleted until the profile is removed * **Style** * Added visual check indicators for configured platforms in tabs * Improved responsive design for profile management and side navigation layouts * **Tests** * Added test coverage for profile labels modal and label deletion helpers <!-- review_stack_entry_start --> [](https://app.coderabbit.ai/change-stack/fleetdm/fleet/pull/46444?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack) <!-- review_stack_entry_end --> <!-- end of auto-generated comment: release notes by coderabbit.ai -->
31 lines
550 B
SCSS
31 lines
550 B
SCSS
.tab-text {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: $pad-small;
|
|
align-items: center;
|
|
height: 21px;
|
|
|
|
&__count {
|
|
display: flex;
|
|
padding: 1px 12px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: $core-fleet-green;
|
|
border-radius: 29px;
|
|
color: $core-fleet-white;
|
|
font-weight: $bold;
|
|
font-size: $xx-small;
|
|
|
|
&__alert {
|
|
background-color: $core-vibrant-red;
|
|
}
|
|
&__pending {
|
|
background-color: $ui-fleet-black-50;
|
|
}
|
|
}
|
|
|
|
&__check {
|
|
transform: scale(0.85);
|
|
}
|
|
}
|