fix feedback dark & light style quiz

angelgardt · May 10, 2024 · 3e258f9 · 3e258f9
1 parent 3be8ac1
commit 3e258f9
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 4 deletions.
diff --git a/book/_book/site_libs/bootstrap/bootstrap-dark.min.css b/book/_book/site_libs/bootstrap/bootstrap-dark.min.css
diff --git a/book/_book/site_libs/bootstrap/bootstrap.min.css b/book/_book/site_libs/bootstrap/bootstrap.min.css
diff --git a/book/_book/testquiz.html b/book/_book/testquiz.html
@@ -750,7 +750,7 @@ <h1 class="title"><span id="sec-testquiz" class="quarto-section-identifier"><spa
 <div class="alternative">
 <p><input type="radio" class="in-alternative" id="q1-option4" name="alternative-q1" value="Option 4"> <label for="q1-option4" id="q1-opt4-label">Option 4</label></p>
 </div>
-<div id="feedback-q1" class="feedback" hidden="">
+<div id="feedback-q1" class="feedback">
 Feedback
 </div>
 </fieldset>

diff --git a/book/style/css/dark.scss b/book/style/css/dark.scss
@@ -345,8 +345,13 @@ form.quiz div.submit-button {
 
 form.quiz input.submit-button {
   background-color: $gray-200;
+  color: $black;
 }
 
 form.quiz input.submit-button:hover {
   background-color: $gray-300;
 }
+
+form.quiz div.feedback {
+  background-color: $gray-800;
+}
diff --git a/book/style/css/light.scss b/book/style/css/light.scss
@@ -281,3 +281,7 @@ form.quiz input.submit-button {
 form.quiz input.submit-button:hover {
   background-color: $gray-400;
 }
+
+form.quiz div.feedback {
+  background-color: $gray-200;
+}
diff --git a/book/testquiz.qmd b/book/testquiz.qmd
@@ -26,7 +26,7 @@
 <input type="radio" class="in-alternative" id="q1-option4" name="alternative-q1" value="Option 4">
 <label for="q1-option4" id="q1-opt4-label">Option 4</label>
 </div>
-<div class="feedback" id="feedback-q1" hidden>Feedback</div>
+<div class="feedback" id="feedback-q1">Feedback</div>
 </fieldset>