diff --git a/changes/14484-whitespace-in-policies b/changes/14484-whitespace-in-policies new file mode 100644 index 0000000000..46ae53bb34 --- /dev/null +++ b/changes/14484-whitespace-in-policies @@ -0,0 +1 @@ +- Render whitespace in policy descriptions and resolutions diff --git a/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/PolicyDetailsModal.tsx b/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/PolicyDetailsModal.tsx index 4956486958..3d85be82f8 100644 --- a/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/PolicyDetailsModal.tsx +++ b/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/PolicyDetailsModal.tsx @@ -22,11 +22,13 @@ const PolicyDetailsModal = ({ onExit={onCancel} className={baseClass} > -
-

{policy?.description}

+
+ + {policy?.description} + {policy?.resolution && (
- Resolve: + Resolve: {policy?.resolution && }
)} diff --git a/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/_styles.scss b/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/_styles.scss index 3c48165687..835644f9bb 100644 --- a/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/_styles.scss +++ b/frontend/pages/hosts/details/cards/Policies/HostPoliciesTable/PolicyDetailsModal/_styles.scss @@ -1,15 +1,13 @@ .policy-details-modal { + &__body { + white-space: pre-wrap; + } &__resolution { - p { - margin-top: $pad-xsmall; - } - } - - &__resolve-header { - font-weight: $bold; - } - - .policy-details-modal__resolution { + margin-top: $pad-small; overflow: hidden; } + + &__resolution-header { + font-weight: $bold; + } }