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

more progress on subnav

Browse source
This commit is contained in:
seotts 2020-08-20 10:10:31 -04:00 committed by Karishma Chadha
parent 9812e959d3
commit 17224c6d37
2 changed files with 17 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,55 +22,55 @@ const AnnualReport = () => (
<FlexRow className="inner"> <FlexRow className="inner">
<a <a
className="link" className="link"
href="/conference" href="/annual-report#message"
> >
<FormattedMessage id="annualReport.subnavMessage" /> <FormattedMessage id="annualReport.subnavMessage" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#mission"
> >
<FormattedMessage id="annualReport.subnavMission" /> <FormattedMessage id="annualReport.subnavMission" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#reach"
> >
<FormattedMessage id="annualReport.subnavReach" /> <FormattedMessage id="annualReport.subnavReach" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#timeline"
> >
<FormattedMessage id="annualReport.subnavTimeline" /> <FormattedMessage id="annualReport.subnavTimeline" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#work"
> >
<FormattedMessage id="annualReport.subnavWork" /> <FormattedMessage id="annualReport.subnavWork" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#financials"
> >
<FormattedMessage id="annualReport.subnavFinancials" /> <FormattedMessage id="annualReport.subnavFinancials" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#supporters"
> >
<FormattedMessage id="annualReport.subnavSupporters" /> <FormattedMessage id="annualReport.subnavSupporters" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#leadership"
> >
<FormattedMessage id="annualReport.subnavLeadership" /> <FormattedMessage id="annualReport.subnavLeadership" />
</a> </a>
<a <a
className="link" className="link"
href="/conference" href="/annual-report#donate"
> >
<FormattedMessage id="annualReport.subnavDonate" /> <FormattedMessage id="annualReport.subnavDonate" />
</a> </a>
@ -92,7 +92,7 @@ const AnnualReport = () => (
</div> </div>
</TitleBanner> </TitleBanner>
</div> </div>
<div className="mission"> <div className="mission" id="mission">
<div className="inner"> <div className="inner">
<FlexRow <FlexRow
as="section" as="section"
@ -118,7 +118,7 @@ const AnnualReport = () => (
</FlexRow> </FlexRow>
</div> </div>
</div> </div>
<div className="our-reach"> <div className="our-reach" id="reach">
<div className="inner"> <div className="inner">
<section className="ttt-section"> <section className="ttt-section">
<div className="ttt-head"> <div className="ttt-head">
@ -140,7 +140,7 @@ const AnnualReport = () => (
</section> </section>
</div> </div>
</div> </div>
<div className="history"> <div className="history" id="history">
<div className="inner"> <div className="inner">
<section className="ttt-section"> <section className="ttt-section">
<div className="ttt-head"> <div className="ttt-head">
@ -162,7 +162,7 @@ const AnnualReport = () => (
</section> </section>
</div> </div>
</div> </div>
<div className="our-work"> <div className="our-work" id="work">
<div className="inner"> <div className="inner">
<section className="ttt-section"> <section className="ttt-section">
<div className="ttt-head"> <div className="ttt-head">
@ -184,7 +184,7 @@ const AnnualReport = () => (
</section> </section>
</div> </div>
</div> </div>
<div className="financials"> <div className="financials" id="financials">
<div className="inner"> <div className="inner">
<section className="ttt-section"> <section className="ttt-section">
<div className="ttt-head"> <div className="ttt-head">
@ -206,7 +206,7 @@ const AnnualReport = () => (
</section> </section>
</div> </div>
</div> </div>
<div className="supporters"> <div className="supporters" id="supporters">
<div className="inner"> <div className="inner">
<section className="ttt-section"> <section className="ttt-section">
<div className="ttt-head"> <div className="ttt-head">
@ -228,7 +228,7 @@ const AnnualReport = () => (
</section> </section>
</div> </div>
</div> </div>
<div className="donate-section"> <div className="donate-section" id="donate">
<FlexRow className="donate-info"> <FlexRow className="donate-info">
<img src="/images/annual-report/donate-illustration.svg" /> <img src="/images/annual-report/donate-illustration.svg" />
<div className="donate-content"> <div className="donate-content">

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

@ -357,19 +357,8 @@ img.tips-icon {
z-index: 9; z-index: 9;
box-shadow: 0 0 3px $box-shadow-gray; box-shadow: 0 0 3px $box-shadow-gray;
background-color: #4280D7; background-color: #4280D7;
padding: 0px; padding: 0;
height: 5rem;
justify-content: flex-start; justify-content: flex-start;
position: fixed;
left: 0;
z-index: 10;
border-bottom: 1px solid $active-gray;
box-shadow: 0 0 3px $box-shadow-gray;
background-color: #4280D7;
width: 100%; width: 100%;
height: 58px; height: 58px;