OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Publish flow Close button improvements (#20779)

Browse Source 
fixes
https://linear.app/tryghost/issue/DES-682/close-button-improvements

Small updates to the modal in the new Publish flow. Improved margins and
opacity for legibility.
This commit is contained in:
Daniël van der Winden 2024-08-19 14:59:10 +02:00 committed by GitHub
parent 2f76847e00
commit f864bde459
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ghost/admin/app/styles/components/publishmenu.css
View File

@ -983,18 +983,25 @@
fill: black;
}
.modal-post-success .close {
top: 24px;
right: 24px;
}
.modal-post-success:has(.modal-image) .close {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
background-color: rgba(0, 0, 0, 0.2);
top: 16px;
right: 16px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
}
.modal-post-success:has(.modal-image) .close:hover {
background-color: rgba(0, 0, 0, 0.25);
background-color: rgba(0, 0, 0, 0.3);
}
.modal-post-success:has(.modal-image) .close svg {