Merge pull request #840 from cmu-delphi/sgratzl/fixesx

style: fix hidden anchor

Author: sgratzl

src/modes/mobile/FancyHeader.svelte

@@ -8,7 +8,7 @@
 
 <h2 class="mobile-fancy-header" class:normal class:center class:invert>
   {#if anchor}
-    <a href="#{anchor}" id={anchor} class="anchor"><span aria-hidden="true">Anchor</span></a>
+    <a href="#{anchor}" id={anchor} class="anchor"><span>Anchor</span></a>
   {/if}
   <slot />
   {#if sub}<span>{sub}</span>{/if}
@@ -56,4 +56,7 @@
     top: -160px;
     display: inline-block;
   }
+  .anchor > span {
+    display: none;
+  }
 </style>

src/modes/survey/SurveyQuestion.svelte

@@ -56,9 +56,9 @@
 
 <article class:loading class="uk-card uk-card-default uk-card-small question-card">
   {#if anchor}
-    <a href="#{anchor}" id={anchor} class="anchor"><span aria-hidden="true">Anchor</span></a>
+    <a href="#{anchor}" id={anchor} class="anchor"><span>Anchor</span></a>
   {/if}
-  <a href="#{question.anchor}" id={question.anchor} class="anchor"><span aria-hidden="true">Anchor</span></a>
+  <a href="#{question.anchor}" id={question.anchor} class="anchor"><span>Anchor</span></a>
   <div class="uk-card-header">
     <h3 class="uk-card-title">{question.category}</h3>
     <a href={question.learnMoreLink} class="uk-link-muted uk-text-small" title="Learn More">
@@ -161,6 +161,10 @@
     display: inline-block;
   }
 
+  .anchor > span {
+    display: none;
+  }
+
   @media only screen and (max-width: 715px) {
     .question-question {
       font-size: 1.15rem;