scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

addition of download icon (alignment incorrect)

Browse source
This commit is contained in:
seotts 2020-08-27 13:07:41 -04:00 committed by Karishma Chadha
parent 4d4f9e720e
commit bc0097cb4a
3 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -305,7 +305,7 @@ const AnnualReport = () => (
<FormattedMessage id="annualReport.financialsButton" />
<img
className="download-icon"
src="/images/ideas/download-icon.svg"
src="/images/annual-report/download-icon.svg"
/>
</Button>
</a>

8
src/views/annual-report/annual-report.scss
View file

@ -211,19 +211,21 @@ $base-bg: $ui-white;
}
.financials-button {
// margin-right: .75rem;
background-color: $ui-white;
color: $ui-blue;
padding: 20px;
border-radius: 6px;
margin: 0;
font-family: "Helvetica Neue";
font-size: 24px;
font-weight: bold;
.download-icon {
vertical-align: center;
img {
height: 1.75rem;
vertical-align: middle;
padding-left: 1.2rem;
}
}

13
static/images/annual-report/download-icon.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>General/File Upload</title>
<defs>
<path d="M15.9776047,10.5793576 C16.5501461,10.5793576 17,11.0292116 17,11.601753 L17,13.8510227 C17,15.5822788 15.5959104,17.0000003 13.8646543,17.0000003 L6.1489776,17.0000003 C4.40408958,17.0000003 3,15.5822788 3,13.8510227 L3,11.601753 C3,11.0292116 3.46348588,10.5793576 4.02239533,10.5793576 C4.58130477,10.5793576 5.04479065,11.0292116 5.04479065,11.601753 L5.04479065,13.8510227 C5.04479065,14.4508279 5.53554041,14.9552096 6.1489776,14.9552096 L13.8646543,14.9552096 C14.4644596,14.9552096 14.9552093,14.4508279 14.9552093,13.8510227 L14.9552093,11.601753 C14.9552093,11.0292116 15.4186952,10.5793576 15.9776047,10.5793576 Z M10.2386952,3.02502728 C10.5385979,3.09182377 10.7567089,3.32356671 10.8248685,3.59756866 L11.9290555,7.97342066 L13.7421032,7.97342066 C14.232853,7.97342066 14.4918598,8.55823078 14.1374294,8.91266116 L10.4159104,12.6341802 C10.1977994,12.8536543 9.85700097,12.8536543 9.63888997,12.6341802 L5.91737098,8.91266116 C5.5629406,8.55823078 5.82194742,7.97342066 6.31269718,7.97342066 L8.1666407,7.97342066 L9.27082765,3.59756866 C9.37988315,3.1736154 9.81610516,2.91597178 10.2386952,3.02502728 Z" id="path-1"></path>
</defs>
<g id="General/File-Upload" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="file-upload-icon" fill="#4D97FF" xlink:href="#path-1"></use>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB