diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js index 071f7f305f..0412c974de 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js @@ -17,6 +17,15 @@ import { getTrad } from '../../../../utils'; import FieldComponent from '../../../FieldComponent'; import Rectangle from './Rectangle'; +const ActionStack = styled(Stack)` + svg { + path { + fill: ${({ theme, expanded }) => + expanded ? theme.colors.primary600 : theme.colors.neutral600}; + } + } +`; + const IconButtonCustom = styled(IconButton)` background-color: transparent; `; @@ -106,7 +115,7 @@ const Component = ({ } action={ - + {showDownIcon && ( } /> )} - + } title={friendlyName} togglePosition="left" diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AccordionGroupCustom/index.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AccordionGroupCustom/index.js index b8ca15a198..1fb2002b09 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AccordionGroupCustom/index.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AccordionGroupCustom/index.js @@ -9,6 +9,7 @@ import { Flex } from '@strapi/design-system/Flex'; import { KeyboardNavigable } from '@strapi/design-system/KeyboardNavigable'; const AccordionFooter = styled(Box)` + overflow: hidden; border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200}; border-right: 1px solid ${({ theme }) => theme.colors.neutral200}; border-left: 1px solid ${({ theme }) => theme.colors.neutral200}; @@ -16,6 +17,22 @@ const AccordionFooter = styled(Box)` `; const EnhancedGroup = styled(Box)` + > div { + > div { + > div:first-of-type { + border-radius: unset; + } + } + } + + > div:first-of-type { + > div { + > div:first-of-type { + border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0; + } + } + } + > div { & > * { border-radius: unset; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js index 0535f157bb..5bf56c5d2f 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js @@ -138,7 +138,7 @@ const RepeatableComponent = ({ + }> {formatMessage({ id: getTrad('containers.EditView.add.new-entry'),