Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Simplify the DOM and CSS of ColorIcon component

Browse Source 
[MAILPOET-4418]
This commit is contained in:
David Remer
2022-07-29 13:37:45 +03:00
committed by Veljko V
parent 1fbf29b7f6
commit 39ca2343b8
2 changed files with 2 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
mailpoet/assets/css/src/components-automation-editor/_step.scss
View File

@@ -35,21 +35,8 @@
} }
.mailpoet-automation-colored-icon { .mailpoet-automation-colored-icon {
border-radius: 50%;
box-sizing: content-box; box-sizing: content-box;
padding: 12px; padding: 12px;
position: relative; position: relative;
.mailpoet-automation-colored-icon-background {
border-radius: 50%;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
svg {
position: relative;
z-index: 1;
}
} }

5
mailpoet/assets/js/src/automation/editor/components/icons/colored-icon.tsx
View File

@@ -19,12 +19,9 @@ export function ColoredIcon({
style={{ style={{
width: iconProps.width, width: iconProps.width,
height: iconProps.height, height: iconProps.height,
backgroundColor: background,
}} }}
> >
<div
className="mailpoet-automation-colored-icon-background"
style={{ backgroundColor: background }}
/>
<Icon color={foreground} {...iconProps} /> <Icon color={foreground} {...iconProps} />
</div> </div>
); );