mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 15:47:53 -05:00
Merge pull request #8941 from MiroslavDionisiev/UEPR-90
refactor: [UEPR-90] fixed gap between components and how pdfs open
This commit is contained in:
commit
53531acb4b
4 changed files with 16 additions and 3 deletions
|
@ -88,7 +88,11 @@ const pageSections = [
|
||||||
id: 'guidelines.learnMorebody1',
|
id: 'guidelines.learnMorebody1',
|
||||||
values: {
|
values: {
|
||||||
a: chunks => (
|
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}
|
{chunks}
|
||||||
</a>
|
</a>
|
||||||
)
|
)
|
||||||
|
|
|
@ -141,6 +141,9 @@ const Ideas = () => {
|
||||||
id: tipData.button.hrefId
|
id: tipData.button.hrefId
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
{...(tipData.button.hrefId ?
|
||||||
|
{target: '_blank', rel: 'noopener noreferrer'} :
|
||||||
|
{})}
|
||||||
>
|
>
|
||||||
<Button className="tips-button">
|
<Button className="tips-button">
|
||||||
{tipData.button.buttonImageSrc && (
|
{tipData.button.buttonImageSrc && (
|
||||||
|
@ -187,6 +190,8 @@ const Ideas = () => {
|
||||||
href={intl.formatMessage({
|
href={intl.formatMessage({
|
||||||
id: physicalIdea.physicalIdeasDescription.hrefId
|
id: physicalIdea.physicalIdeasDescription.hrefId
|
||||||
})}
|
})}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<Button className="tips-button">
|
<Button className="tips-button">
|
||||||
<img
|
<img
|
||||||
|
|
|
@ -49,7 +49,7 @@ $base-bg: $ui-white;
|
||||||
.physical-ideas-section {
|
.physical-ideas-section {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
gap: 1.5rem;
|
gap: 5.5rem;
|
||||||
|
|
||||||
.physical-idea {
|
.physical-idea {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -70,6 +70,10 @@ $base-bg: $ui-white;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
"ideas.headerMessage": "What will you create?",
|
"ideas.headerMessage": "What will you create?",
|
||||||
"ideas.headerImageDescription": "Outlandish creations from pixelated unicorns to drumbeat waveforms to levitating tacos to buckets of rainbows.",
|
"ideas.headerImageDescription": "Outlandish creations from pixelated unicorns to drumbeat waveforms to levitating tacos to buckets of rainbows.",
|
||||||
"ideas.headerButtonMessage": "Choose a tutorial",
|
"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.gettingStartedButtonText": "Try Getting Started Tutorial",
|
||||||
"ideas.seeTutorialsLibraryButtonText": "See Tutorials Library",
|
"ideas.seeTutorialsLibraryButtonText": "See Tutorials Library",
|
||||||
"ideas.gettingStartedImageDescription": "An illustrated boy plants his flag on top of a freshly painted mountaintop.",
|
"ideas.gettingStartedImageDescription": "An illustrated boy plants his flag on top of a freshly painted mountaintop.",
|
||||||
|
|
Loading…
Reference in a new issue