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 default background color to preview iframes (#19651)

Browse source 
fixes DES-88

- preview iframes should have default background as they simulate
browser windows
- transparent background causes unexpected inconsistency when themes
don't have default background color set
This commit is contained in:
Sodbileg Gansukh 2024-02-05 19:56:43 +07:00 • committed by GitHub
parent a7f6713614
commit 612ea2f5f2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/admin-x-settings/src/components/settings/site/announcementBar/AnnouncementBarPreview.tsx
View file

@ -71,7 +71,7 @@ const AnnouncementBarPreview: React.FC<AnnouncementBarSettings> = ({announcement
return ( return (
<IframeBuffering <IframeBuffering
addDelay={true} addDelay={true}
className="absolute h-[110%] w-[110%] origin-top-left scale-[.90909] max-[1600px]:h-[130%] max-[1600px]:w-[130%] max-[1600px]:scale-[.76923]" className="absolute h-[110%] w-[110%] origin-top-left scale-[.90909] bg-white max-[1600px]:h-[130%] max-[1600px]:w-[130%] max-[1600px]:scale-[.76923]"
generateContent={injectContentIntoIframe} generateContent={injectContentIntoIframe}
height='100%' height='100%'
parentClassName="relative h-full w-full" parentClassName="relative h-full w-full"

2
apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemePreview.tsx
View file

@ -105,7 +105,7 @@ const ThemePreview: React.FC<ThemePreviewProps> = ({settings,url}) => {
return ( return (
<IframeBuffering <IframeBuffering
addDelay={false} addDelay={false}
className="absolute h-[110%] w-[110%] origin-top-left scale-[.90909] max-[1600px]:h-[130%] max-[1600px]:w-[130%] max-[1600px]:scale-[.76923]" className="absolute h-[110%] w-[110%] origin-top-left scale-[.90909] bg-white max-[1600px]:h-[130%] max-[1600px]:w-[130%] max-[1600px]:scale-[.76923]"
generateContent={injectContentIntoIframe} generateContent={injectContentIntoIframe}
height='100%' height='100%'
parentClassName="relative h-full w-full" parentClassName="relative h-full w-full"