yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-26 22:54:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

box padding instead of custom style

Browse Source
This commit is contained in:
ronronscelestes 2021-09-20 15:37:21 +02:00
parent f8691aa49a
commit 6f53b43184
1 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RowLabelWithCheckbox/index.js
View File

@ -1,5 +1,4 @@
import styled from 'styled-components';
import { Row, BaseCheckbox, Text } from '@strapi/parts';
import { Row, BaseCheckbox, Text, Box } from '@strapi/parts';
import upperFirst from 'lodash/upperFirst';
import PropTypes from 'prop-types';
import React, { memo } from 'react';
@ -7,10 +6,6 @@ import { useIntl } from 'react-intl';
import CollapseLabel from '../CollapseLabel';
import { firstRowWidth } from '../Permissions/utils/constants';
const CustomCheckbox = styled(BaseCheckbox)`
margin-right: ${({ theme }) => theme.spaces[2]};
`;
const RowLabelWithCheckbox = ({
children,
isCollapsable,
@ -27,27 +22,29 @@ const RowLabelWithCheckbox = ({
return (
<Row alignItems="center" paddingLeft={6} style={{ width: firstRowWidth, flexShrink: 0 }}>
<CustomCheckbox
name={checkboxName}
aria-label={formatMessage(
{
id: `Settings.permissions.select-all-by-permission`,
defaultMessage: 'Select all {label} permissions',
},
{ label }
)}
disabled={isFormDisabled}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value =>
onChange({
target: {
name: checkboxName,
value,
<Box paddingRight={2}>
<BaseCheckbox
name={checkboxName}
aria-label={formatMessage(
{
id: `Settings.permissions.select-all-by-permission`,
defaultMessage: 'Select all {label} permissions',
},
})}
indeterminate={someChecked}
value={value}
/>
{ label }
)}
disabled={isFormDisabled}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value =>
onChange({
target: {
name: checkboxName,
value,
},
})}
indeterminate={someChecked}
value={value}
/>
</Box>
<CollapseLabel
title={label}
alignItems="center"