Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Added design improvements to the Portal preview in offers (#19349)

Browse source 
fixes PROD-251, PROD-252, PROD-254
This commit is contained in:
Sodbileg Gansukh 2023-12-13 13:17:12 +07:00 • committed by GitHub
parent 7d530406f6
commit b7648e7bc2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
View file

@ -663,6 +663,7 @@ const AddOfferModal = () => {
okColor={okProps.color}
okLabel='Publish'
preview={iframe}
previewToolbar={false}
sidebar={sidebar}
size='lg'
testId='add-offer-modal'

1
apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
View file

@ -262,6 +262,7 @@ const EditOfferModal: React.FC<{id: string}> = ({id}) => {
okColor={okProps.color}
okLabel={okProps.label || 'Save'}
preview={iframe}
previewToolbar={false}
sidebar={sidebar}
size='lg'
testId='offer-update-modal'

13
apps/portal/src/components/Frame.styles.js
View file

@ -362,8 +362,21 @@ const FrameStyles = `
animation: none !important;
}
.gh-portal-popup-wrapper.preview.offer {
padding-top: 0;
}
.gh-portal-popup-container.preview.offer {
max-width: 420px;
transform: scale(0.9);
margin-top: 3.2vw;
}
@media (max-width: 480px) {
.gh-portal-popup-container.preview.offer {
transform-origin: top;
margin-top: 0;
}
}
@keyframes popup {