refactor: [UEPR-90] fixed gap between components and how pdfs open

This commit is contained in:
MiroslavDionisiev 2024-11-19 13:05:18 +02:00
parent 0cc1091e46
commit 85e9886906
4 changed files with 16 additions and 3 deletions

View file

@ -88,7 +88,11 @@ const pageSections = [
id: 'guidelines.learnMorebody1',
values: {
a: chunks => (
<a href="https://resources.scratch.mit.edu/www/guides/en/scratch-community-guide.pdf">
<a
href="https://resources.scratch.mit.edu/www/guides/en/scratch-community-guide.pdf"
target="_blank"
rel="noopener noreferrer"
>
{chunks}
</a>
)

View file

@ -141,6 +141,9 @@ const Ideas = () => {
id: tipData.button.hrefId
})
}
{...(tipData.button.hrefId ?
{target: '_blank', rel: 'noopener noreferrer'} :
{})}
>
<Button className="tips-button">
{tipData.button.buttonImageSrc && (
@ -187,6 +190,8 @@ const Ideas = () => {
href={intl.formatMessage({
id: physicalIdea.physicalIdeasDescription.hrefId
})}
target="_blank"
rel="noopener noreferrer"
>
<Button className="tips-button">
<img

View file

@ -49,7 +49,7 @@ $base-bg: $ui-white;
.physical-ideas-section {
justify-content: space-between;
align-items: flex-start;
gap: 1.5rem;
gap: 5.5rem;
.physical-idea {
display: flex;
@ -69,6 +69,10 @@ $base-bg: $ui-white;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
h3 {
font-size: 1.3rem;
}
p {
margin: 0;

View file

@ -2,7 +2,7 @@
"ideas.headerMessage": "What will you create?",
"ideas.headerImageDescription": "Outlandish creations from pixelated unicorns to drumbeat waveforms to levitating tacos to buckets of rainbows.",
"ideas.headerButtonMessage": "Choose a tutorial",
"ideas.startHereText": "New to Scratch? Stay here!",
"ideas.startHereText": "New to Scratch? Start here!",
"ideas.gettingStartedButtonText": "Try Getting Started Tutorial",
"ideas.seeTutorialsLibraryButtonText": "See Tutorials Library",
"ideas.gettingStartedImageDescription": "An illustrated boy plants his flag on top of a freshly painted mountaintop.",