From 17224c6d37068f14d3fa760cddf33dd9d7490627 Mon Sep 17 00:00:00 2001
From: seotts <sotts@scratch.mit.edu>
Date: Thu, 20 Aug 2020 10:10:31 -0400
Subject: [PATCH] more progress on subnav

---
 src/views/annual-report/annual-report.jsx  | 32 +++++++++++-----------
 src/views/annual-report/annual-report.scss | 13 +--------
 2 files changed, 17 insertions(+), 28 deletions(-)

diff --git a/src/views/annual-report/annual-report.jsx b/src/views/annual-report/annual-report.jsx
index 3a7871738..9a0c1de69 100644
--- a/src/views/annual-report/annual-report.jsx
+++ b/src/views/annual-report/annual-report.jsx
@@ -22,55 +22,55 @@ const AnnualReport = () => (
             <FlexRow className="inner">
                  <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#message"
                         >
                             <FormattedMessage id="annualReport.subnavMessage" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#mission"
                         >
                             <FormattedMessage id="annualReport.subnavMission" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#reach"
                         >
                             <FormattedMessage id="annualReport.subnavReach" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#timeline"
                         >
                             <FormattedMessage id="annualReport.subnavTimeline" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#work"
                         >
                             <FormattedMessage id="annualReport.subnavWork" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#financials"
                         >
                             <FormattedMessage id="annualReport.subnavFinancials" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#supporters"
                         >
                             <FormattedMessage id="annualReport.subnavSupporters" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#leadership"
                         >
                             <FormattedMessage id="annualReport.subnavLeadership" />
                         </a>
                         <a
                             className="link"
-                            href="/conference"
+                            href="/annual-report#donate"
                         >
                             <FormattedMessage id="annualReport.subnavDonate" />
                         </a> 
@@ -92,7 +92,7 @@ const AnnualReport = () => (
                 </div>
             </TitleBanner>
         </div>
-        <div className="mission">
+        <div className="mission" id="mission">
             <div className="inner">
                 <FlexRow
                     as="section"
@@ -118,7 +118,7 @@ const AnnualReport = () => (
                 </FlexRow>
             </div>
         </div>
-        <div className="our-reach">
+        <div className="our-reach" id="reach">
             <div className="inner">
                 <section className="ttt-section">
                     <div className="ttt-head">
@@ -140,7 +140,7 @@ const AnnualReport = () => (
                 </section>
             </div>
         </div>
-        <div className="history">
+        <div className="history" id="history">
             <div className="inner">
                 <section className="ttt-section">
                     <div className="ttt-head">
@@ -162,7 +162,7 @@ const AnnualReport = () => (
                 </section>
             </div>
         </div>
-        <div className="our-work">
+        <div className="our-work" id="work">
             <div className="inner">
                 <section className="ttt-section">
                     <div className="ttt-head">
@@ -184,7 +184,7 @@ const AnnualReport = () => (
                 </section>
             </div>
         </div>
-        <div className="financials">
+        <div className="financials" id="financials">
             <div className="inner">
                 <section className="ttt-section">
                     <div className="ttt-head">
@@ -206,7 +206,7 @@ const AnnualReport = () => (
                 </section>
             </div>
         </div>
-        <div className="supporters">
+        <div className="supporters" id="supporters">
             <div className="inner">
                 <section className="ttt-section">
                     <div className="ttt-head">
@@ -228,7 +228,7 @@ const AnnualReport = () => (
                 </section>
             </div>
         </div>
-        <div className="donate-section">
+        <div className="donate-section" id="donate">
             <FlexRow className="donate-info">
                 <img src="/images/annual-report/donate-illustration.svg" />
                 <div className="donate-content">
diff --git a/src/views/annual-report/annual-report.scss b/src/views/annual-report/annual-report.scss
index 861f0387f..b85ab43e9 100644
--- a/src/views/annual-report/annual-report.scss
+++ b/src/views/annual-report/annual-report.scss
@@ -357,19 +357,8 @@ img.tips-icon {
     z-index: 9;
     box-shadow: 0 0 3px $box-shadow-gray;
     background-color: #4280D7;
-    padding: 0px;
-    height: 5rem;
-
+    padding: 0;
     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%;
     height: 58px;