yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-07 05:38:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add rowHeight constant

Browse Source
This commit is contained in:
bulby97 2021-08-25 22:01:47 +02:00
parent 863540ee79
commit 1188d8023e
5 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/core/admin/admin/src/components/Roles/ConditionsModal/ActionRow/index.js
View File

@ -5,9 +5,10 @@ import { useIntl } from 'react-intl';
import styled from 'styled-components';
import ConditionsSelect from '../ConditionsSelect';
import { rowHeight } from '../../Permissions/utils/constants';
const RowWrapper = styled(Row)`
height: ${52 / 16}rem;
height: ${rowHeight};
`;
const ActionRow = ({

4
packages/core/admin/admin/src/components/Roles/ContentTypeCollapse/Collapse/index.js
View File

@ -9,7 +9,7 @@ import { usePermissionsDataManager } from '../../../../hooks';
import ConditionsButton from '../../ConditionsButton';
import ConditionsModal from '../../ConditionsModal';
import HiddenAction from '../../HiddenAction';
import { cellWidth } from '../../Permissions/utils/constants';
import { cellWidth, rowHeight } from '../../Permissions/utils/constants';
import RowLabelWithCheckbox from '../../RowLabelWithCheckbox';
import { getCheckboxState } from '../../utils';
import generateCheckboxesActions from './utils/generateCheckboxesActions';
@ -34,7 +34,7 @@ const activeRowStyle = (theme, isActive, isClicked) => `
const Wrapper = styled.div`
display: flex;
align-items: center;
height: ${52 / 16}rem;
height: ${rowHeight};
background-color: ${({ isGrey, theme }) =>
isGrey ? theme.colors.neutral100 : theme.colors.neutral0};
border: 1px solid transparent;

4
packages/core/admin/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js
View File

@ -6,7 +6,7 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
import styled from 'styled-components';
import { usePermissionsDataManager } from '../../../../../hooks';
import HiddenAction from '../../../HiddenAction';
import { cellWidth } from '../../../Permissions/utils/constants';
import { cellWidth, rowHeight } from '../../../Permissions/utils/constants';
import RequiredSign from '../../../RequiredSign';
import RowLabelWithCheckbox from '../../../RowLabelWithCheckbox';
import { getCheckboxState } from '../../../utils';
@ -21,7 +21,7 @@ const Cell = styled(Row)`
`;
const Wrapper = styled(Row)`
height: ${52 / 16}rem;
height: ${rowHeight};
flex: 1;
${({ isCollapsable, theme }) =>

4
packages/core/admin/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Row, TableLabel } from '@strapi/parts';
import styled from 'styled-components';
import { cellWidth, firstRowWidth } from '../../../Permissions/utils/constants';
import { cellWidth, firstRowWidth, rowHeight } from '../../../Permissions/utils/constants';
const HeaderLabel = styled(Row)`
width: ${cellWidth};
@ -11,7 +11,7 @@ const HeaderLabel = styled(Row)`
`;
const PropertyLabelWrapper = styled(Row)`
width: ${firstRowWidth};
height: ${52 / 16}rem;
height: ${rowHeight};
flex-shrink: 0;
`;

9
packages/core/admin/ee/admin/pages/Roles/CreatePage/index.js
View File

@ -235,7 +235,14 @@ const CreatePage = () => {
/>
</Box>
) : (
<Row alignItems="center" justifyContent="center" padding={11}>
<Row
alignItems="center"
justifyContent="center"
padding={11}
background="neutral0"
shadow="filterShadow"
hasRadius
>
<Loader />
</Row>
)}