Commit f36b4650 authored by Samantha Monty's avatar Samantha Monty

qic tooltip, handout-deck.md updates

parent 702b7e38
......@@ -665,13 +665,20 @@ _:-ms-lang(x),
max-height: initial;
&.plain {
width: 100%;
.matchItems {
align-items: stretch !important;
}
.matchQuestion {
font-size: var(--font-size-small) !important;
.optList,
.optList p,
.optList p::before,
.optList p::after {
.optList {
color: #fff !important;
background-color: #fff;
max-height: 1em;
p,
p::before,
p::after {
color: #fff !important;
}
}
}
.matchItems {
......
......@@ -1312,15 +1312,23 @@ _.plain:-ms-lang(x) .options,
.reveal .slides section .plain[class*="quiz-"] {
width: 100%;
}
.reveal .slides section .qmi.plain .matchItems,
.reveal .slides section .plain[class*="quiz-"] .matchItems {
align-items: stretch !important;
}
.reveal .slides section .qmi.plain .matchQuestion,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion {
font-size: var(--font-size-small) !important;
}
.reveal .slides section .qmi.plain .matchQuestion .optList,
.reveal .slides section .qmi.plain .matchQuestion .optList p,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList {
color: #fff !important;
background-color: #fff;
max-height: 1em;
}
.reveal .slides section .qmi.plain .matchQuestion .optList p,
.reveal .slides section .qmi.plain .matchQuestion .optList p::before,
.reveal .slides section .qmi.plain .matchQuestion .optList p::after,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p::before,
.reveal .slides section .plain[class*="quiz-"] .matchQuestion .optList p::after {
......
......@@ -1260,7 +1260,6 @@ div.q-panel {
.reveal .qic .tooltip-div,
.reveal [class*="quiz-i"] .tooltip-div {
font-size: 0.6em;
background-color: #f4f4f7;
margin: 0.5em auto 0 auto;
padding: 0.5em;
visibility: hidden;
......@@ -1271,6 +1270,11 @@ div.q-panel {
visibility: visible;
}
.reveal .qic .tooltip-div.solved .tooltip,
.reveal [class*="quiz-i"] .tooltip-div.solved .tooltip {
background-color: #f4f4f7;
}
.reveal .quiz-mi,
.reveal .qmi,
.reveal .quiz-match-items {
......
......@@ -144,8 +144,10 @@ function quizIC() {
if (sel.classList.contains('solved')) {
const answers = solutionList.getElementsByTagName('li');
const tip = answers.item(sel.selectedIndex - 1).querySelector('.tooltip');
if (tip.innerHTML !== "") {
const cln = tip.cloneNode(true);
tipDiv.appendChild(cln);
}
tipDiv.classList.add('solved');
}});
sel.addEventListener("mouseleave", () => {
......
......@@ -7,6 +7,8 @@ showNotes: True
subtitle: Generate handouts from slide source
title: Handout Test
title-prefix: Decker
quiz:
style: plain
---
# Notes
......@@ -149,49 +151,58 @@ title-prefix: Decker
# Matching Questions
{match} A
## {.qmi}
A
: drag to A
{match} Haskell
Haskell
: ![](include/06-metal.png)
{match} B
B
: drag to B
{match} decker
decker
: [decker](http://go.uniwue.de/decker)
{match} C
C
: $\Leftarrow$ C
# Freetext Questions {layout="columns"}
## {.left}
* {?} $2*2=~?$
* {!} 4
## {.left .qft}
## {.question}
$2*2=~?$
* {?} The Answer to the Ultimate Question of Life, the Universe, and Everything is ...?
* {!} 42
- 4
- Die perfekte Lösung
## {.right}
* {?} Is this a question?
* {!} yes
## {.qft}
The Answer to the Ultimate Question of Life, the Universe, and Everything is ...?
- 42
## {.right .qft}
Is this a question?
- yes
## {.qft}
##
Name the capital of Germany
* {?} Name the capital of Germany
* {!} Berlin
- Berlin
# Multiple Choice Questions
## Question: Which file format does decker use? {.question}
## Question: Which file format does decker use? {.qmc}
* { } .docx
* { } .csv
* { } .xml
* {X} .md
- [ ] .docx
- [ ] .csv
- [ ] .xml
- [X] .md
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment