Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -05:00
Code Issues Activity

Updated modal sizing for publish flow

Browse source
This commit is contained in:
Daniël van der Winden 2024-08-14 17:58:57 +02:00
parent 6e841875c6
commit 943a22447b
4 changed files with 40 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/modal-post-share.js
View file

@ -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() {

2
ghost/admin/app/components/modal-post-success.js
View file

@ -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() {

33
ghost/admin/app/styles/components/modals-new.css
View file

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

5
ghost/admin/app/styles/components/modals.css
View file

@ -65,6 +65,11 @@
max-width: 720px;
}
.modal-post-success {
width: 100%;
max-width: 640px;
}
.fullscreen-modal-narrow {
width: 100%;
max-width: 420px;