scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Remove transition images between milestones and reach from views that are smaller than desktop width

Browse source
This commit is contained in:
Karishma Chadha 2020-10-15 14:54:43 -04:00
parent 4513fd8503
commit ece76e090a
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/views/annual-report/annual-report.jsx
View file

@ -614,14 +614,16 @@ class AnnualReport extends React.Component {
</div>
</div>
</div>
<div className="transition-images">
<div className="left-image">
<img src="/images/annual-report/milestones/vertical-loop.svg" />
<MediaQuery minWidth={frameless.desktop}>
<div className="transition-images">
<div className="left-image">
<img src="/images/annual-report/milestones/vertical-loop.svg" />
</div>
<div className="cropped-image">
<img src="/images/annual-report/milestones/painting-hand.svg" />
</div>
</div>
<div className="cropped-image">
<img src="/images/annual-report/milestones/painting-hand.svg" />
</div>
</div>
</MediaQuery>
</div>
<div
className="reach-section section"