From 1b6c6bc7aa180435cff45f13f856880b945fc566 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Jakes=CC=8C?= Date: Thu, 28 May 2020 12:59:03 +0200 Subject: [PATCH] Use heading component for modal header [MAILPOET-2777] --- assets/css/src/components/_modal.scss | 10 ---------- assets/js/src/common/modal/header.jsx | 5 +++-- 2 files changed, 3 insertions(+), 12 deletions(-) diff --git a/assets/css/src/components/_modal.scss b/assets/css/src/components/_modal.scss index be94dcd2cb..1e09d7f1a3 100644 --- a/assets/css/src/components/_modal.scss +++ b/assets/css/src/components/_modal.scss @@ -84,16 +84,6 @@ width: 100%; } - .mailpoet-modal-header-heading { - font-size: 1rem; - font-weight: 600; - } - - h1 { - line-height: 1; - margin: 0; - } - .mailpoet-modal-close { background: none; border: 0; diff --git a/assets/js/src/common/modal/header.jsx b/assets/js/src/common/modal/header.jsx index a17a52df56..654d6e91be 100644 --- a/assets/js/src/common/modal/header.jsx +++ b/assets/js/src/common/modal/header.jsx @@ -2,6 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import closeIcon from './close_icon.jsx'; +import Heading from 'common/typography/heading/heading'; const ModalHeader = ({ title, @@ -10,9 +11,9 @@ const ModalHeader = ({ }) => (
-

+ { title } -

+
{ isDismissible && (