Remove icon since MailPoet's modal has no such thing
[MAILPOET-2804]
This commit is contained in:
@@ -112,16 +112,6 @@
|
|||||||
justify-content: left;
|
justify-content: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mailpoet-modal-header-icon-container {
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
max-height: $modal-icon-button-size;
|
|
||||||
max-width: $modal-icon-button-size;
|
|
||||||
padding: $modal-grid-size;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal contents.
|
// Modal contents.
|
||||||
.mailpoet-modal-content {
|
.mailpoet-modal-content {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@@ -2,7 +2,6 @@ $modal-border-width: 1px;
|
|||||||
$modal-dark-gray-900: #191e23;
|
$modal-dark-gray-900: #191e23;
|
||||||
$modal-header-height: 56px;
|
$modal-header-height: 56px;
|
||||||
$modal-header-z-index: 10;
|
$modal-header-z-index: 10;
|
||||||
$modal-icon-button-size: 36px;
|
|
||||||
$modal-light-gray-500: #e2e4e7;
|
$modal-light-gray-500: #e2e4e7;
|
||||||
$modal-min-width: 360px;
|
$modal-min-width: 360px;
|
||||||
$modal-screen-overlay-z-index: 100000;
|
$modal-screen-overlay-z-index: 100000;
|
||||||
|
@@ -5,7 +5,6 @@ import { Button } from '@wordpress/components';
|
|||||||
import closeIcon from './close_icon.jsx';
|
import closeIcon from './close_icon.jsx';
|
||||||
|
|
||||||
const ModalHeader = ({
|
const ModalHeader = ({
|
||||||
icon,
|
|
||||||
title,
|
title,
|
||||||
onClose,
|
onClose,
|
||||||
headingId,
|
headingId,
|
||||||
@@ -13,14 +12,6 @@ const ModalHeader = ({
|
|||||||
}) => (
|
}) => (
|
||||||
<div className="mailpoet-modal-header">
|
<div className="mailpoet-modal-header">
|
||||||
<div className="mailpoet-modal-header-heading-container">
|
<div className="mailpoet-modal-header-heading-container">
|
||||||
{ icon && (
|
|
||||||
<span
|
|
||||||
className="mailpoet-modal-icon-container"
|
|
||||||
aria-hidden
|
|
||||||
>
|
|
||||||
{ icon }
|
|
||||||
</span>
|
|
||||||
) }
|
|
||||||
{ title && (
|
{ title && (
|
||||||
<h1
|
<h1
|
||||||
id={headingId}
|
id={headingId}
|
||||||
@@ -40,7 +31,6 @@ ModalHeader.propTypes = {
|
|||||||
title: PropTypes.string,
|
title: PropTypes.string,
|
||||||
headingId: PropTypes.string,
|
headingId: PropTypes.string,
|
||||||
onClose: PropTypes.func,
|
onClose: PropTypes.func,
|
||||||
icon: PropTypes.node,
|
|
||||||
isDismissible: PropTypes.bool,
|
isDismissible: PropTypes.bool,
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -48,7 +38,6 @@ ModalHeader.defaultProps = {
|
|||||||
title: null,
|
title: null,
|
||||||
headingId: 'heading-id',
|
headingId: 'heading-id',
|
||||||
onClose: () => {},
|
onClose: () => {},
|
||||||
icon: null,
|
|
||||||
isDismissible: true,
|
isDismissible: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@@ -8,7 +8,6 @@ import ModalHeader from './header.jsx';
|
|||||||
function Modal({
|
function Modal({
|
||||||
onRequestClose,
|
onRequestClose,
|
||||||
title,
|
title,
|
||||||
icon,
|
|
||||||
displayTitle,
|
displayTitle,
|
||||||
children,
|
children,
|
||||||
aria,
|
aria,
|
||||||
@@ -46,7 +45,6 @@ function Modal({
|
|||||||
displayTitle && (
|
displayTitle && (
|
||||||
<ModalHeader
|
<ModalHeader
|
||||||
headingId={headingId}
|
headingId={headingId}
|
||||||
icon={icon}
|
|
||||||
isDismissible={isDismissible}
|
isDismissible={isDismissible}
|
||||||
onClose={onRequestClose}
|
onClose={onRequestClose}
|
||||||
title={title}
|
title={title}
|
||||||
@@ -78,7 +76,6 @@ Modal.propTypes = {
|
|||||||
shouldCloseOnEsc: PropTypes.bool,
|
shouldCloseOnEsc: PropTypes.bool,
|
||||||
shouldCloseOnClickOutside: PropTypes.bool,
|
shouldCloseOnClickOutside: PropTypes.bool,
|
||||||
role: PropTypes.string,
|
role: PropTypes.string,
|
||||||
icon: PropTypes.node,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
Modal.defaultProps = {
|
Modal.defaultProps = {
|
||||||
@@ -86,7 +83,6 @@ Modal.defaultProps = {
|
|||||||
onRequestClose: () => {},
|
onRequestClose: () => {},
|
||||||
role: 'dialog',
|
role: 'dialog',
|
||||||
title: null,
|
title: null,
|
||||||
icon: null,
|
|
||||||
aria: {},
|
aria: {},
|
||||||
focusOnMount: true,
|
focusOnMount: true,
|
||||||
shouldCloseOnEsc: true,
|
shouldCloseOnEsc: true,
|
||||||
|
Reference in New Issue
Block a user