inconsistent alignment fleet premium (#45125)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves #43646 <img width="809" height="149" alt="image" src="https://github.com/user-attachments/assets/cf7b55ae-4d79-4686-a9e5-e9e68e4b2e65" /> <img width="851" height="190" alt="image" src="https://github.com/user-attachments/assets/0c70a2b6-091c-4222-b9a9-c4d46f9b0f5b" /> # 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] QA'd all new/changed functionality manually <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Bug Fixes** * Fixed alignment inconsistency for premium feature messages in Fleet settings. Premium notifications across Disk Encryption and Passwords controls now display with proper alignment on Fleet Free tier. [](https://app.coderabbit.ai/change-stack/fleetdm/fleet/pull/45125) <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
@@ -0,0 +1 @@
|
||||
- Fixed a UI inconsistency with non-center aligned Fleet premium messages on Fleet free.
|
||||
+1
-5
@@ -206,11 +206,7 @@ const DiskEncryption = ({
|
||||
</>
|
||||
}
|
||||
/>
|
||||
{!isPremiumTier && (
|
||||
<PremiumFeatureMessage
|
||||
className={`${baseClass}__premium-feature-message`}
|
||||
/>
|
||||
)}
|
||||
{!isPremiumTier && <PremiumFeatureMessage />}
|
||||
{isPremiumTier && isLoadingTeam && <Spinner />}
|
||||
{isPremiumTier && !isLoadingTeam && !showAggregate && isTechnician && (
|
||||
<p>Disk encryption is disabled.</p>
|
||||
|
||||
@@ -1,11 +1,6 @@
|
||||
.disk-encryption {
|
||||
@include vertical-card-layout;
|
||||
|
||||
.premium-feature-message-container {
|
||||
justify-content: initial;
|
||||
align-items: initial;
|
||||
}
|
||||
|
||||
> p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -5,11 +5,6 @@
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.premium-feature-message-container {
|
||||
justify-content: initial;
|
||||
align-items: initial;
|
||||
}
|
||||
|
||||
.passwords-content {
|
||||
gap: px-to-rem(18);
|
||||
animation: fade-in 250ms ease-out;
|
||||
|
||||
Reference in New Issue
Block a user