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; margin-bottom: 30px;
p{ p{
margin: 0px; margin: 0px;
line-height: 1.5;
} }
a{ a{
position: absolute; position: absolute;
@ -20,12 +21,13 @@
margin: 0 auto 30px; margin: 0 auto 30px;
} }
&.left{ &.left{
margin-left: calc((100% - 940px)/2); margin-left: calc((100% - 980px)/2);
} }
&.right{ &.right{
margin-left: calc(100% - ((100% - 940px)/2) - 470px); margin-left: calc(100% - ((100% - 980px)/2) - 450px);
} }
img{ img{
margin-top: 10px;
width: 100%; 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'} {id: 'annualReport.yearInReviewCard9Title'}
)} )}
text={this.props.intl.formatMessage( text={this.props.intl.formatMessage(
{id: 'annualReport.yearInReviewCard9text'} {id: 'annualReport.yearInReviewCard9Text'}
)} )}
image="/images/annual-report/2020/community/Timeline/Images/scratchtober.jpg" image="/images/annual-report/2020/community/Timeline/Images/scratchtober.jpg"
attribution="project by u/IDK_HAVE_SOME_NUMBER" attribution="project by u/IDK_HAVE_SOME_NUMBER"
/> />
<img className="lower-wave" src="/images/annual-report/2020/community/Timeline/Wave (lower).svg" />
</div> </div>

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

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