Merge branch 'master' into UIU-2701

folio-org · Jan 23, 2025 · 834a5ba · 834a5ba
2 parents 39a6e6d + 7d0fc72
commit 834a5ba
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,6 +17,7 @@
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.10...v11.0.11)
 
 * Rename permission after BE changes. Refs UIU-3309.
+* Permission sets detail record view: Description text marked as heading. Refs UIU-2938.
 
 ## [11.0.10](https://github.com/folio-org/ui-users/tree/v11.0.10) (2025-01-10)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.9...v11.0.10)

diff --git a/package.json b/package.json
@@ -186,6 +186,7 @@
         "description": "",
         "subPermissions": [
           "ui-users.view",
+          "ui-users.edit",
           "ui-authorization-roles.users.settings.manage"
         ],
         "visible": true

diff --git a/src/settings/permissions/PermissionSetDetails.js b/src/settings/permissions/PermissionSetDetails.js
@@ -16,6 +16,7 @@ import { ViewMetaData } from '@folio/stripes/smart-components';
 
 import RenderPermissions from '../../components/RenderPermissions';
 import AssignedUsers from '../../components/AssignedUsers';
+import css from './PermissionSetForm.css';
 
 class PermissionSetDetails extends React.Component {
   static propTypes = {
@@ -104,10 +105,12 @@ class PermissionSetDetails extends React.Component {
                   label={<FormattedMessage id="ui-users.permissions.permissionSetName" />}
                   value={_.get(selectedSet, ['displayName'], untitledPermissionSetMessage)}
                 />
-                <KeyValue
-                  label={<FormattedMessage id="ui-users.description" />}
-                  value={_.get(selectedSet, ['description'], '-')}
-                />
+                <Headline tag="h3" margin="xx-small" className={css.heading}>
+                  <FormattedMessage id="ui-users.description" />
+                </Headline>
+                <div>
+                  {_.get(selectedSet, ['description'], '-')}
+                </div>
               </section>
             </Col>
           </Row>

diff --git a/src/settings/permissions/PermissionSetForm.css b/src/settings/permissions/PermissionSetForm.css
@@ -1,3 +1,7 @@
 .permSetForm {
   height: 100%;
 }
+
+.heading{
+  font-size: 1.05rem;
+}