scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

spacing and bottom wave

Browse source
This commit is contained in:
caseymm 2021-10-13 17:03:28 -07:00
parent 7d4621576f
commit 6366cbd4b2
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/timeline-card/timeline-card.scss
View file

@ -10,6 +10,7 @@
margin-bottom: 30px;
p{
margin: 0px;
line-height: 1.5;
}
a{
position: absolute;
@ -20,12 +21,13 @@
margin: 0 auto 30px;
}
&.left{
margin-left: calc((100% - 940px)/2);
margin-left: calc((100% - 980px)/2);
}
&.right{
margin-left: calc(100% - ((100% - 940px)/2) - 470px);
margin-left: calc(100% - ((100% - 980px)/2) - 450px);
}
img{
margin-top: 10px;
width: 100%;
}
}

3
src/views/annual-report/2020/index/annual-report.jsx
View file

@ -1551,11 +1551,12 @@ class AnnualReport extends React.Component {
{id: 'annualReport.yearInReviewCard9Title'}
)}
text={this.props.intl.formatMessage(
{id: 'annualReport.yearInReviewCard9text'}
{id: 'annualReport.yearInReviewCard9Text'}
)}
image="/images/annual-report/2020/community/Timeline/Images/scratchtober.jpg"
attribution="project by u/IDK_HAVE_SOME_NUMBER"
/>
<img className="lower-wave" src="/images/annual-report/2020/community/Timeline/Wave (lower).svg" />
</div>

6
src/views/annual-report/2020/index/annual-report.scss
View file

@ -1384,6 +1384,12 @@ img.comment-viz{
margin: auto;
}
}
.lower-wave{
width: 100%;
position: absolute;
bottom: 50px;
z-index: 0;
}
}