Highlights solution (#17)

* Update page titles (#15) * Created tabTitle to replace "Welcome to Astro." * Replaced single Question webpages "Welcome to Astro." with exam name followed by question number * changed tab title for auto generated quesitons tabs * Replaced solution tab's title with "Solution" * fixed all issues that had \ sticking out of them as well as rendering algorithms (#21) * Updated Home Page to be somewhat presentable (#22) * Highlights with less changes * hovering over solution webpage does not darken buttons * Delete index.md (#24)
CarletonComputerScienceSociety · Jul 30, 2024 · 4d35524 · 4d35524
1 parent 1028612
commit 4d35524
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Evaluation/Evaluation.astro b/src/components/Evaluation/Evaluation.astro
@@ -103,7 +103,7 @@ const sortedQuestionData = multipleChoiceQuestionData.sort(
   {
     sortedQuestionData.map((data: QuestionData, index: number) => (
       <div class="Evaluation__question">
-        <Question question={data.question} index={index} />
+        <Question question={data.question} index={index} interactive={true} />
         {includeLinks && (
           <div class="Evaluation__questionLinks">
             <a href={`/questions/${data.links.question}`}>

diff --git a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
@@ -10,7 +10,8 @@ const letterOptions = ["a", "b", "c", "d", "e"];
   class={`MultipleChoiceQuestionOption`}
   data-correct={option.correct ? "true" : "false"}
   data-selected="false"
-  data-revealed="false"
+  data-revealed={interactive ? "false" : "true"}
+  data-interactive={interactive ? "true" : "false"}
 >
   <div class="MultipleChoiceQuestionOption__letter">
     ({letterOptions[optionIndex]})

diff --git a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
@@ -15,8 +15,9 @@
   }
 
   &:hover {
-    background-color: #ededed;
-
+    &[data-interactive="true"] {
+      background-color: #ededed;
+    }
     &[data-selected="false"] {
       cursor: pointer;
     }

diff --git a/src/pages/questions/[...path].astro b/src/pages/questions/[...path].astro
@@ -56,7 +56,7 @@ const title = formatString(path);
   </div>
   <h1>{title}</h1>
   <Content />
-  <MultipleChoiceQuestion question={question} interactive={false} />
+  <MultipleChoiceQuestion question={question} interactive={true} />
   <div class="Question__buttons">
     <a href={`/questions/solution/${path}`}
       ><Button