yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-19 13:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #11446 from strapi/role-lv-table-fix

Browse Source 
QA/ Truncate name-description Role LV
This commit is contained in:
cyril lopez 2021-11-03 14:07:22 +01:00 committed by GitHub
commit 38a64aecdb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js
View File

@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
import { Box } from '@strapi/design-system/Box'; import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex'; import { Flex } from '@strapi/design-system/Flex';
import { Td, Tr } from '@strapi/design-system/Table'; import { Td, Tr } from '@strapi/design-system/Table';
import { Text } from '@strapi/design-system/Text'; import { Text, EllipsisText } from '@strapi/design-system/Text';
import { IconButton } from '@strapi/design-system/IconButton'; import { IconButton } from '@strapi/design-system/IconButton';
import { stopPropagation, onRowClick } from '@strapi/helper-plugin'; import { stopPropagation, onRowClick, pxToRem } from '@strapi/helper-plugin';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
const RoleRow = ({ id, name, description, usersCount, icons }) => { const RoleRow = ({ id, name, description, usersCount, icons }) => {
@ -26,11 +26,11 @@ const RoleRow = ({ id, name, description, usersCount, icons }) => {
fn: icons[1].onClick, fn: icons[1].onClick,
})} })}
> >
<Td> <Td maxWidth={pxToRem(130)}>
<Text textColor="neutral800">{name}</Text> <EllipsisText textColor="neutral800">{name}</EllipsisText>
</Td> </Td>
<Td> <Td maxWidth={pxToRem(250)}>
<Text textColor="neutral800">{description}</Text> <EllipsisText textColor="neutral800">{description}</EllipsisText>
</Td> </Td>
<Td> <Td>
<Text textColor="neutral800">{usersCountText}</Text> <Text textColor="neutral800">{usersCountText}</Text>