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

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>
</div> </div>
<div className="transition-images"> <MediaQuery minWidth={frameless.desktop}>
<div className="left-image"> <div className="transition-images">
<img src="/images/annual-report/milestones/vertical-loop.svg" /> <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>
<div className="cropped-image"> </MediaQuery>
<img src="/images/annual-report/milestones/painting-hand.svg" />
</div>
</div>
</div> </div>
<div <div
className="reach-section section" className="reach-section section"