Remove icon since MailPoet's modal has no such thing

[MAILPOET-2804]
This commit is contained in:
Jan Jakeš
2020-03-31 11:54:59 +02:00
committed by Veljko V
parent 2e1f475980
commit 970f4c820c
4 changed files with 0 additions and 26 deletions

View File

@@ -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;

View File

@@ -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;

View File

@@ -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,
}; };

View File

@@ -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,