diff --git a/ghost/admin/app/components/modal-post-share.js b/ghost/admin/app/components/modal-post-share.js index dec29a979c..6c81797957 100644 --- a/ghost/admin/app/components/modal-post-share.js +++ b/ghost/admin/app/components/modal-post-share.js @@ -11,7 +11,7 @@ export default class PostShareModal extends Component { @service notifications; static modalOptions = { - className: 'fullscreen-modal-wide fullscreen-modal-action modal-post-success' + className: 'fullscreen-modal-action modal-post-success' }; get post() { diff --git a/ghost/admin/app/components/modal-post-success.js b/ghost/admin/app/components/modal-post-success.js index 32ed28216c..40a8edd5b6 100644 --- a/ghost/admin/app/components/modal-post-success.js +++ b/ghost/admin/app/components/modal-post-success.js @@ -11,7 +11,7 @@ export default class PostSuccessModal extends Component { @service notifications; static modalOptions = { - className: 'fullscreen-modal-wide fullscreen-modal-action modal-post-success' + className: 'fullscreen-modal-action modal-post-success' }; get post() { diff --git a/ghost/admin/app/styles/components/modals-new.css b/ghost/admin/app/styles/components/modals-new.css index 3f63b5d0a3..b29a9be57c 100644 --- a/ghost/admin/app/styles/components/modals-new.css +++ b/ghost/admin/app/styles/components/modals-new.css @@ -178,6 +178,39 @@ ; } +.modal-post-success .modal-content { + padding: 40px; + border-radius: 12px; +} + +.modal-post-success .modal-image { + margin: -40px -40px 40px!important; +} + +.modal-post-success .modal-image img { + border-radius: 12px 12px 0 0!important; +} + +.modal-post-success .modal-content .modal-header h1 { + font-size: 3.6rem; +} + +.modal-post-success .modal-body { + font-size: 1.8rem; +} + +.modal-post-success .modal-footer { + margin-top: 4rem; +} + +.modal-post-success .modal-footer .gh-btn { + height: 44px!important; +} + +.modal-post-success .modal-footer .gh-btn span { + font-size: 1.6rem; +} + .modal-content * { user-select: text; } diff --git a/ghost/admin/app/styles/components/modals.css b/ghost/admin/app/styles/components/modals.css index 020294a2fb..be0324353a 100644 --- a/ghost/admin/app/styles/components/modals.css +++ b/ghost/admin/app/styles/components/modals.css @@ -65,6 +65,11 @@ max-width: 720px; } +.modal-post-success { + width: 100%; + max-width: 640px; +} + .fullscreen-modal-narrow { width: 100%; max-width: 420px;