feat(toast-plate): fix styles

core-ds · Jan 19, 2021 · b600f86 · b600f86
1 parent 2d88465
commit b600f86
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/toast-plate/src/component.tsx b/packages/toast-plate/src/component.tsx
@@ -122,7 +122,11 @@ export const ToastPlate = forwardRef<HTMLDivElement, ToastPlateProps>(
                 </div>
 
                 {needRenderActionsSection && (
-                    <div className={styles.actionsSection}>
+                    <div
+                        className={cn(styles.actionsSection, {
+                            [styles.hasChildren]: Boolean(children),
+                        })}
+                    >
                         {actionButton && (
                             <div className={styles.actionButtonWrapper}>{actionButton}</div>
                         )}

diff --git a/packages/toast-plate/src/index.module.css b/packages/toast-plate/src/index.module.css
@@ -53,6 +53,10 @@
     display: flex;
     align-items: center;
     margin-left: var(--gap-xl);
+
+    &.hasChildren {
+        margin-left: var(--gap-l);
+    }
 }
 
 .leftAddons {