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

fix: button background

Browse Source
This commit is contained in:
Josh 2022-12-06 11:36:03 +00:00
parent 04a6cd4861
commit 15cd86c542
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DynamicComponent.js
View File

@ -23,6 +23,17 @@ import { composeRefs, getTrad, ItemTypes } from '../../../utils';
import FieldComponent from '../../FieldComponent'; import FieldComponent from '../../FieldComponent';
const ActionsStack = styled(Stack)`
/*
we need to remove the background from the button but we can't
wrap the element in styled because it breaks the forwardedAs which
we need for drag handler to work on firefox
*/
div[role='button'] {
background: transparent;
}
`;
const IconButtonCustom = styled(IconButton)` const IconButtonCustom = styled(IconButton)`
background-color: transparent; background-color: transparent;
@ -139,7 +150,7 @@ const DynamicZoneComponent = ({
const composedBoxRefs = composeRefs(boxRef, dropRef); const composedBoxRefs = composeRefs(boxRef, dropRef);
const accordionActions = !isFieldAllowed ? null : ( const accordionActions = !isFieldAllowed ? null : (
<Stack horizontal spacing={0} expanded={isOpen}> <ActionsStack horizontal spacing={0} expanded={isOpen}>
<IconButtonCustom <IconButtonCustom
noBorder noBorder
label={formatMessage( label={formatMessage(
@ -169,7 +180,7 @@ const DynamicZoneComponent = ({
> >
<Drag /> <Drag />
</IconButton> </IconButton>
</Stack> </ActionsStack>
); );
return ( return (