mirror of
https://github.com/strapi/strapi.git
synced 2025-11-13 00:29:51 +00:00
[QA] Fix accordion in U&P Roles (#11693)
* fixed radius accordion content, spaces between accordions, spaces between title and accordions * updated snapshots
This commit is contained in:
ronronscelestes
GitHub
parent
eddd26fa00
commit
0c2e2748e3
@ -2,6 +2,7 @@ import React, { useReducer } from 'react';
|
|||||||
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion';
|
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion';
|
||||||
import { useIntl } from 'react-intl';
|
import { useIntl } from 'react-intl';
|
||||||
import { Box } from '@strapi/design-system/Box';
|
import { Box } from '@strapi/design-system/Box';
|
||||||
|
import { Stack } from '@strapi/design-system/Stack';
|
||||||
import { useUsersPermissions } from '../../contexts/UsersPermissionsContext';
|
import { useUsersPermissions } from '../../contexts/UsersPermissionsContext';
|
||||||
import formatPluginName from '../../utils/formatPluginName';
|
import formatPluginName from '../../utils/formatPluginName';
|
||||||
import PermissionRow from './PermissionRow';
|
import PermissionRow from './PermissionRow';
|
||||||
@ -22,12 +23,13 @@ const Permissions = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<Stack size={1}>
|
||||||
{collapses.map((collapse, index) => (
|
{collapses.map((collapse, index) => (
|
||||||
<Accordion
|
<Accordion
|
||||||
expanded={collapse.isOpen}
|
expanded={collapse.isOpen}
|
||||||
toggle={() => handleToggle(index)}
|
toggle={() => handleToggle(index)}
|
||||||
key={collapse.name}
|
key={collapse.name}
|
||||||
|
variant={index % 2 === 0 ? 'secondary' : undefined}
|
||||||
>
|
>
|
||||||
<AccordionToggle
|
<AccordionToggle
|
||||||
title={formatPluginName(collapse.name)}
|
title={formatPluginName(collapse.name)}
|
||||||
@ -41,13 +43,13 @@ const Permissions = () => {
|
|||||||
variant={index % 2 ? 'primary' : 'secondary'}
|
variant={index % 2 ? 'primary' : 'secondary'}
|
||||||
/>
|
/>
|
||||||
<AccordionContent>
|
<AccordionContent>
|
||||||
<Box background="neutral0">
|
<Box>
|
||||||
<PermissionRow permissions={modifiedData[collapse.name]} name={collapse.name} />
|
<PermissionRow permissions={modifiedData[collapse.name]} name={collapse.name} />
|
||||||
</Box>
|
</Box>
|
||||||
</AccordionContent>
|
</AccordionContent>
|
||||||
</Accordion>
|
</Accordion>
|
||||||
))}
|
))}
|
||||||
</>
|
</Stack>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -62,7 +62,7 @@ const UsersPermissions = forwardRef(({ permissions, routes }, ref) => {
|
|||||||
<UsersPermissionsProvider value={providerValue}>
|
<UsersPermissionsProvider value={providerValue}>
|
||||||
<Grid gap={0} shadow="filterShadow" hasRadius background="neutral0">
|
<Grid gap={0} shadow="filterShadow" hasRadius background="neutral0">
|
||||||
<GridItem col={7} paddingTop={6} paddingBottom={6} paddingLeft={7} paddingRight={7}>
|
<GridItem col={7} paddingTop={6} paddingBottom={6} paddingLeft={7} paddingRight={7}>
|
||||||
<Stack size={4}>
|
<Stack size={6}>
|
||||||
<Stack size={2}>
|
<Stack size={2}>
|
||||||
<Typography variant="delta" as="h2">
|
<Typography variant="delta" as="h2">
|
||||||
{formatMessage({
|
{formatMessage({
|
||||||
|
|||||||
@ -316,9 +316,47 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.c36 > * + * {
|
.c36 > * + * {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c37 {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c37 > * {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c37 > * + * {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.c39 {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c39 > * {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c39 > * + * {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.c15 {
|
.c15 {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
@ -586,7 +624,7 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c37 {
|
.c38 {
|
||||||
color: #666687;
|
color: #666687;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
@ -605,7 +643,7 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c58 {
|
.c60 {
|
||||||
background: #eaeaef;
|
background: #eaeaef;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
padding-right: 32px;
|
padding-right: 32px;
|
||||||
@ -633,46 +671,46 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
grid-column: span 7;
|
grid-column: span 7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c57 {
|
.c59 {
|
||||||
grid-column: span 5;
|
grid-column: span 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c49 {
|
.c51 {
|
||||||
color: #4945ff;
|
color: #4945ff;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c50 {
|
.c52 {
|
||||||
color: #4a4a6a;
|
color: #4a4a6a;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51 {
|
.c53 {
|
||||||
color: #666687;
|
color: #666687;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c38 {
|
.c40 {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c41 {
|
.c43 {
|
||||||
background: #ffffff;
|
background: #f6f6f9;
|
||||||
padding-right: 24px;
|
padding-right: 24px;
|
||||||
padding-left: 24px;
|
padding-left: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44 {
|
.c46 {
|
||||||
-webkit-flex: 1;
|
-webkit-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c53 {
|
.c55 {
|
||||||
background: #dcdce4;
|
background: #dcdce4;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -681,12 +719,12 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c55 {
|
.c57 {
|
||||||
color: #666687;
|
color: #666687;
|
||||||
width: 0.6875rem;
|
width: 0.6875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c42 {
|
.c44 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -704,7 +742,7 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c45 {
|
.c47 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -718,7 +756,7 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c54 {
|
.c56 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -736,46 +774,46 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c39 {
|
.c41 {
|
||||||
border: 1px solid #ffffff;
|
border: 1px solid #f6f6f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c39:hover:not([aria-disabled='true']) {
|
.c41:hover:not([aria-disabled='true']) {
|
||||||
border: 1px solid #4945ff;
|
border: 1px solid #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c39:hover:not([aria-disabled='true']) .sc-fAiomJ {
|
.c41:hover:not([aria-disabled='true']) .sc-fAiomJ {
|
||||||
color: #271fe0;
|
color: #271fe0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c39:hover:not([aria-disabled='true']) .c48 {
|
.c41:hover:not([aria-disabled='true']) .c50 {
|
||||||
color: #4945ff;
|
color: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c39:hover:not([aria-disabled='true']) > .c40 {
|
.c41:hover:not([aria-disabled='true']) > .c42 {
|
||||||
background: #f0f0ff;
|
background: #f0f0ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c39:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
|
.c41:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
|
||||||
background: #d9d8ff;
|
background: #d9d8ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46 {
|
.c48 {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46[aria-disabled='true'] {
|
.c48[aria-disabled='true'] {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46[aria-disabled='true'] svg path {
|
.c48[aria-disabled='true'] svg path {
|
||||||
fill: #666687;
|
fill: #666687;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46 svg {
|
.c48 svg {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -783,11 +821,11 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
font-size: 0.625rem;
|
font-size: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46 svg path {
|
.c48 svg path {
|
||||||
fill: #4945ff;
|
fill: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46:after {
|
.c48:after {
|
||||||
-webkit-transition-property: all;
|
-webkit-transition-property: all;
|
||||||
transition-property: all;
|
transition-property: all;
|
||||||
-webkit-transition-duration: 0.2s;
|
-webkit-transition-duration: 0.2s;
|
||||||
@ -802,11 +840,11 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46:focus-visible {
|
.c48:focus-visible {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46:focus-visible:after {
|
.c48:focus-visible:after {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -817,38 +855,38 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
border: 2px solid #4945ff;
|
border: 2px solid #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c52 > * {
|
.c54 > * {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c52 > * + * {
|
.c54 > * + * {
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c56 path {
|
.c58 path {
|
||||||
fill: #666687;
|
fill: #666687;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c47 {
|
.c49 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c47 svg {
|
.c49 svg {
|
||||||
width: 0.875rem;
|
width: 0.875rem;
|
||||||
height: 0.875rem;
|
height: 0.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c47 svg path {
|
.c49 svg path {
|
||||||
fill: #8e8ea9;
|
fill: #8e8ea9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c43 {
|
.c45 {
|
||||||
height: 5.5rem;
|
height: 5.5rem;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c43:hover svg path {
|
.c45:hover svg path {
|
||||||
fill: #4945ff;
|
fill: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -877,13 +915,13 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:68.75rem) {
|
@media (max-width:68.75rem) {
|
||||||
.c57 {
|
.c59 {
|
||||||
grid-column: span;
|
grid-column: span;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:34.375rem) {
|
@media (max-width:34.375rem) {
|
||||||
.c57 {
|
.c59 {
|
||||||
grid-column: span;
|
grid-column: span;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1062,10 +1100,10 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
class="c35"
|
class="c35"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c16"
|
class="c36"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c36"
|
class="c37"
|
||||||
>
|
>
|
||||||
<h2
|
<h2
|
||||||
class="c17"
|
class="c17"
|
||||||
@ -1073,73 +1111,77 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
Permissions
|
Permissions
|
||||||
</h2>
|
</h2>
|
||||||
<p
|
<p
|
||||||
class="c37"
|
class="c38"
|
||||||
>
|
>
|
||||||
Only actions bound by a route are listed below.
|
Only actions bound by a route are listed below.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
aria-disabled="false"
|
class="c39"
|
||||||
class="c38 c39"
|
|
||||||
data-strapi-expanded="false"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c40 c41 c42 c43"
|
aria-disabled="false"
|
||||||
cursor=""
|
class="c40 c41"
|
||||||
|
data-strapi-expanded="false"
|
||||||
>
|
>
|
||||||
<button
|
<div
|
||||||
aria-controls="accordion-content-accordion-1"
|
class="c42 c43 c44 c45"
|
||||||
aria-disabled="false"
|
cursor=""
|
||||||
aria-expanded="false"
|
|
||||||
aria-labelledby="accordion-label-accordion-1"
|
|
||||||
class="c40 c44 c45 c46 c47"
|
|
||||||
data-strapi-accordion-toggle="true"
|
|
||||||
type="button"
|
|
||||||
>
|
>
|
||||||
<span
|
<button
|
||||||
class="c48 c49"
|
aria-controls="accordion-content-accordion-1"
|
||||||
|
aria-disabled="false"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-labelledby="accordion-label-accordion-1"
|
||||||
|
class="c42 c46 c47 c48 c49"
|
||||||
|
data-strapi-accordion-toggle="true"
|
||||||
|
type="button"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
class="c48 c50"
|
class="c50 c51"
|
||||||
id="accordion-label-accordion-1"
|
|
||||||
>
|
>
|
||||||
Address
|
<span
|
||||||
|
class="c50 c52"
|
||||||
|
id="accordion-label-accordion-1"
|
||||||
|
>
|
||||||
|
Address
|
||||||
|
</span>
|
||||||
|
<p
|
||||||
|
class="c50 c53"
|
||||||
|
id="accordion-desc-accordion-1"
|
||||||
|
>
|
||||||
|
Define all allowed actions for the api::address plugin.
|
||||||
|
</p>
|
||||||
</span>
|
</span>
|
||||||
<p
|
</button>
|
||||||
class="c48 c51"
|
<div
|
||||||
id="accordion-desc-accordion-1"
|
class="c42 c47 c54"
|
||||||
>
|
|
||||||
Define all allowed actions for the api::address plugin.
|
|
||||||
</p>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<div
|
|
||||||
class="c40 c45 c52"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
aria-hidden="true"
|
|
||||||
class="c40 c53 c54"
|
|
||||||
cursor="pointer"
|
|
||||||
data-strapi-dropdown="true"
|
|
||||||
height="2rem"
|
|
||||||
width="2rem"
|
|
||||||
>
|
>
|
||||||
<svg
|
<span
|
||||||
class="c55 c56"
|
aria-hidden="true"
|
||||||
fill="none"
|
class="c42 c55 c56"
|
||||||
height="1em"
|
cursor="pointer"
|
||||||
viewBox="0 0 14 8"
|
data-strapi-dropdown="true"
|
||||||
width="0.6875rem"
|
height="2rem"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
width="2rem"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
clip-rule="evenodd"
|
class="c57 c58"
|
||||||
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
|
fill="none"
|
||||||
fill="#32324D"
|
height="1em"
|
||||||
fill-rule="evenodd"
|
viewBox="0 0 14 8"
|
||||||
/>
|
width="0.6875rem"
|
||||||
</svg>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
</span>
|
>
|
||||||
|
<path
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
|
||||||
|
fill="#32324D"
|
||||||
|
fill-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1147,14 +1189,14 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="c57"
|
class="c59"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c58"
|
class="c60"
|
||||||
style="min-height: 100%;"
|
style="min-height: 100%;"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c36"
|
class="c37"
|
||||||
>
|
>
|
||||||
<h3
|
<h3
|
||||||
class="c17"
|
class="c17"
|
||||||
@ -1162,7 +1204,7 @@ describe('Admin | containers | RoleCreatePage', () => {
|
|||||||
Advanced settings
|
Advanced settings
|
||||||
</h3>
|
</h3>
|
||||||
<p
|
<p
|
||||||
class="c37"
|
class="c38"
|
||||||
>
|
>
|
||||||
Select the application's actions or the plugin's actions and click on the cog icon to display the bound route
|
Select the application's actions or the plugin's actions and click on the cog icon to display the bound route
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@ -315,9 +315,47 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.c41 > * + * {
|
.c41 > * + * {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c42 {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c42 > * {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c42 > * + * {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.c44 {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c44 > * {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c44 > * + * {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.c20 {
|
.c20 {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
@ -585,7 +623,7 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c42 {
|
.c43 {
|
||||||
color: #666687;
|
color: #666687;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
@ -677,7 +715,7 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
padding-left: 32px;
|
padding-left: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c63 {
|
.c65 {
|
||||||
background: #eaeaef;
|
background: #eaeaef;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
padding-right: 32px;
|
padding-right: 32px;
|
||||||
@ -705,46 +743,46 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
grid-column: span 7;
|
grid-column: span 7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c62 {
|
.c64 {
|
||||||
grid-column: span 5;
|
grid-column: span 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c54 {
|
.c56 {
|
||||||
color: #4945ff;
|
color: #4945ff;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c55 {
|
.c57 {
|
||||||
color: #4a4a6a;
|
color: #4a4a6a;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c56 {
|
.c58 {
|
||||||
color: #666687;
|
color: #666687;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c43 {
|
.c45 {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c46 {
|
.c48 {
|
||||||
background: #ffffff;
|
background: #f6f6f9;
|
||||||
padding-right: 24px;
|
padding-right: 24px;
|
||||||
padding-left: 24px;
|
padding-left: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c49 {
|
.c51 {
|
||||||
-webkit-flex: 1;
|
-webkit-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c58 {
|
.c60 {
|
||||||
background: #dcdce4;
|
background: #dcdce4;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -753,12 +791,12 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c60 {
|
.c62 {
|
||||||
color: #666687;
|
color: #666687;
|
||||||
width: 0.6875rem;
|
width: 0.6875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c47 {
|
.c49 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -776,7 +814,7 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c50 {
|
.c52 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -790,7 +828,7 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c59 {
|
.c61 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -808,46 +846,46 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44 {
|
.c46 {
|
||||||
border: 1px solid #ffffff;
|
border: 1px solid #f6f6f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44:hover:not([aria-disabled='true']) {
|
.c46:hover:not([aria-disabled='true']) {
|
||||||
border: 1px solid #4945ff;
|
border: 1px solid #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44:hover:not([aria-disabled='true']) .sc-hKiyAV {
|
.c46:hover:not([aria-disabled='true']) .sc-hKiyAV {
|
||||||
color: #271fe0;
|
color: #271fe0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44:hover:not([aria-disabled='true']) .c53 {
|
.c46:hover:not([aria-disabled='true']) .c55 {
|
||||||
color: #4945ff;
|
color: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44:hover:not([aria-disabled='true']) > .c45 {
|
.c46:hover:not([aria-disabled='true']) > .c47 {
|
||||||
background: #f0f0ff;
|
background: #f0f0ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c44:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
|
.c46:hover:not([aria-disabled='true']) [data-strapi-dropdown='true'] {
|
||||||
background: #d9d8ff;
|
background: #d9d8ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51 {
|
.c53 {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51[aria-disabled='true'] {
|
.c53[aria-disabled='true'] {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51[aria-disabled='true'] svg path {
|
.c53[aria-disabled='true'] svg path {
|
||||||
fill: #666687;
|
fill: #666687;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51 svg {
|
.c53 svg {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@ -855,11 +893,11 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
font-size: 0.625rem;
|
font-size: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51 svg path {
|
.c53 svg path {
|
||||||
fill: #4945ff;
|
fill: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51:after {
|
.c53:after {
|
||||||
-webkit-transition-property: all;
|
-webkit-transition-property: all;
|
||||||
transition-property: all;
|
transition-property: all;
|
||||||
-webkit-transition-duration: 0.2s;
|
-webkit-transition-duration: 0.2s;
|
||||||
@ -874,11 +912,11 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51:focus-visible {
|
.c53:focus-visible {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c51:focus-visible:after {
|
.c53:focus-visible:after {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -889,38 +927,38 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
border: 2px solid #4945ff;
|
border: 2px solid #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c57 > * {
|
.c59 > * {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c57 > * + * {
|
.c59 > * + * {
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c61 path {
|
.c63 path {
|
||||||
fill: #666687;
|
fill: #666687;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c52 {
|
.c54 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c52 svg {
|
.c54 svg {
|
||||||
width: 0.875rem;
|
width: 0.875rem;
|
||||||
height: 0.875rem;
|
height: 0.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c52 svg path {
|
.c54 svg path {
|
||||||
fill: #8e8ea9;
|
fill: #8e8ea9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c48 {
|
.c50 {
|
||||||
height: 5.5rem;
|
height: 5.5rem;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c48:hover svg path {
|
.c50:hover svg path {
|
||||||
fill: #4945ff;
|
fill: #4945ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -949,13 +987,13 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:68.75rem) {
|
@media (max-width:68.75rem) {
|
||||||
.c62 {
|
.c64 {
|
||||||
grid-column: span;
|
grid-column: span;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:34.375rem) {
|
@media (max-width:34.375rem) {
|
||||||
.c62 {
|
.c64 {
|
||||||
grid-column: span;
|
grid-column: span;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1168,10 +1206,10 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
class="c40"
|
class="c40"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c21"
|
class="c41"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c41"
|
class="c42"
|
||||||
>
|
>
|
||||||
<h2
|
<h2
|
||||||
class="c22"
|
class="c22"
|
||||||
@ -1179,73 +1217,77 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
Permissions
|
Permissions
|
||||||
</h2>
|
</h2>
|
||||||
<p
|
<p
|
||||||
class="c42"
|
class="c43"
|
||||||
>
|
>
|
||||||
Only actions bound by a route are listed below.
|
Only actions bound by a route are listed below.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
aria-disabled="false"
|
class="c44"
|
||||||
class="c43 c44"
|
|
||||||
data-strapi-expanded="false"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c45 c46 c47 c48"
|
aria-disabled="false"
|
||||||
cursor=""
|
class="c45 c46"
|
||||||
|
data-strapi-expanded="false"
|
||||||
>
|
>
|
||||||
<button
|
<div
|
||||||
aria-controls="accordion-content-accordion-1"
|
class="c47 c48 c49 c50"
|
||||||
aria-disabled="false"
|
cursor=""
|
||||||
aria-expanded="false"
|
|
||||||
aria-labelledby="accordion-label-accordion-1"
|
|
||||||
class="c45 c49 c50 c51 c52"
|
|
||||||
data-strapi-accordion-toggle="true"
|
|
||||||
type="button"
|
|
||||||
>
|
>
|
||||||
<span
|
<button
|
||||||
class="c53 c54"
|
aria-controls="accordion-content-accordion-1"
|
||||||
|
aria-disabled="false"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-labelledby="accordion-label-accordion-1"
|
||||||
|
class="c47 c51 c52 c53 c54"
|
||||||
|
data-strapi-accordion-toggle="true"
|
||||||
|
type="button"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
class="c53 c55"
|
class="c55 c56"
|
||||||
id="accordion-label-accordion-1"
|
|
||||||
>
|
>
|
||||||
Address
|
<span
|
||||||
|
class="c55 c57"
|
||||||
|
id="accordion-label-accordion-1"
|
||||||
|
>
|
||||||
|
Address
|
||||||
|
</span>
|
||||||
|
<p
|
||||||
|
class="c55 c58"
|
||||||
|
id="accordion-desc-accordion-1"
|
||||||
|
>
|
||||||
|
Define all allowed actions for the api::address plugin.
|
||||||
|
</p>
|
||||||
</span>
|
</span>
|
||||||
<p
|
</button>
|
||||||
class="c53 c56"
|
<div
|
||||||
id="accordion-desc-accordion-1"
|
class="c47 c52 c59"
|
||||||
>
|
|
||||||
Define all allowed actions for the api::address plugin.
|
|
||||||
</p>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<div
|
|
||||||
class="c45 c50 c57"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
aria-hidden="true"
|
|
||||||
class="c45 c58 c59"
|
|
||||||
cursor="pointer"
|
|
||||||
data-strapi-dropdown="true"
|
|
||||||
height="2rem"
|
|
||||||
width="2rem"
|
|
||||||
>
|
>
|
||||||
<svg
|
<span
|
||||||
class="c60 c61"
|
aria-hidden="true"
|
||||||
fill="none"
|
class="c47 c60 c61"
|
||||||
height="1em"
|
cursor="pointer"
|
||||||
viewBox="0 0 14 8"
|
data-strapi-dropdown="true"
|
||||||
width="0.6875rem"
|
height="2rem"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
width="2rem"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
clip-rule="evenodd"
|
class="c62 c63"
|
||||||
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
|
fill="none"
|
||||||
fill="#32324D"
|
height="1em"
|
||||||
fill-rule="evenodd"
|
viewBox="0 0 14 8"
|
||||||
/>
|
width="0.6875rem"
|
||||||
</svg>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
</span>
|
>
|
||||||
|
<path
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
|
||||||
|
fill="#32324D"
|
||||||
|
fill-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1253,14 +1295,14 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="c62"
|
class="c64"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c63"
|
class="c65"
|
||||||
style="min-height: 100%;"
|
style="min-height: 100%;"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="c41"
|
class="c42"
|
||||||
>
|
>
|
||||||
<h3
|
<h3
|
||||||
class="c22"
|
class="c22"
|
||||||
@ -1268,7 +1310,7 @@ describe('Admin | containers | RoleEditPage', () => {
|
|||||||
Advanced settings
|
Advanced settings
|
||||||
</h3>
|
</h3>
|
||||||
<p
|
<p
|
||||||
class="c42"
|
class="c43"
|
||||||
>
|
>
|
||||||
Select the application's actions or the plugin's actions and click on the cog icon to display the bound route
|
Select the application's actions or the plugin's actions and click on the cog icon to display the bound route
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user