Skip to content

GitLab

S
scratch-www
Commit dc24ab19 authored by picklesrus's avatar picklesrus
Browse files
Options

Fix up some stuff to better match the spec

parent c3dde0c9
Hide whitespace changes
Inline Side-by-side
Showing with 37 additions and 23 deletions
src/views/download/download.jsx
View file @ dc24ab19
......@@ -176,38 +176,48 @@ class Download extends React.Component {
</h3>
<FlexRow>
<div className="older-version">
<img
alt=""
className="screenshot"
height="106"
src="/images/download/scratch1-4.png"
width="150"
/>
<a href="/download/scratch2">
<img
alt=""
className="screenshot"
height="106"
src="/images/download/scratch2.png"
width="150"
/>
</a>
<p>
<a
className="centered"
href="/scratch_1.4"
href="/download/scratch2"
>
<FormattedMessage id="download.scratch1-4Desktop" />
<img src="/svgs/download/r-arrow.svg" />
<FormattedMessage id="download.scratch2Desktop" />
<img
className="little-arrow"
src="/svgs/download/r-arrow.svg"
/>
</a>
</p>
</div>
<div className="older-version">
<img
alt=""
className="screenshot"
height="106"
src="/images/download/scratch2.png"
width="150"
/>
<a href="/scratch_1.4">
<img
alt=""
className="screenshot"
height="106"
src="/images/download/scratch1-4.png"
width="150"
/>
</a>
<p>
<a
className="centered"
href="/download/scratch2"
href="/scratch_1.4"
>
<FormattedMessage id="download.scratch2Desktop" />
<img src="/svgs/download/r-arrow.svg" />
<FormattedMessage id="download.scratch1-4Desktop" />
<img
className="little-arrow"
src="/svgs/download/r-arrow.svg"
/>
</a>
</p>
</div>
......
src/views/download/download.scss
View file @ dc24ab19
......@@ -47,7 +47,7 @@
.download-info {
padding-right: $cols1;
max-width: $cols7 + ($gutter / $em);
max-width: $cols6 + ($gutter / $em);
align-items: flex-start;
.download-copy {
......@@ -99,7 +99,7 @@
.download-image {
width: 100%;
max-width: $cols4;
max-width: $cols6;
img {
max-width: 100%;
......@@ -158,8 +158,12 @@
p {
color: $link-blue;
font-weight: 600;
line-height: normal;
}
.little-arrow {
padding-left: 2px;
}
.screenshot {
margin-top: 1rem;
$img-border: rgba(0, 0, 0, .05);
......
src/views/download/l10n.json
View file @ dc24ab19
......@@ -5,7 +5,7 @@
"download.imgAltDownloadIllustration" : "Scratch 3.0 Desktop screenshot",
"download.installHeaderTitle": "Install Scratch Desktop",
"download.downloadAndInstall": "Download and install Scratch Desktop",
"download.troubleshootingTitle": "FAQ / Troubleshooting",
"download.troubleshootingTitle": "FAQ",
"download.startScratchDesktop": "Start Scratch Desktop",
"download.howDoIInstall": "How do I install Scratch Desktop?",
"download.whenSupportLinux": "When will you have Scratch Desktop for Linux?",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment