From 10c2b8a1c3d5718413e30dd8a88128003cdd25ad Mon Sep 17 00:00:00 2001
From: Leon <lvilents@gmail.com>
Date: Wed, 15 Jan 2020 22:47:00 +0100
Subject: [PATCH] Fix answer style
---
assets/js/app.js | 15 ++++++++++-----
assets/scss/app.scss | 5 +++++
2 files changed, 15 insertions(+), 5 deletions(-)
diff --git a/assets/js/app.js b/assets/js/app.js
index 0dae377..d979132 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -158,15 +158,19 @@ function constructQuestion(data) {
dataset.ids.push(data['id']);
- label.innerText = data['label'];
+ label.innerText = data['label'] + ' (' + (isScq ? 'Single choice' : 'Multiple choice') + ')';
answersContainer.setAttribute('id', 'answers_container');
questionBlock.append(label);
for (let i = 0; i < data['answers'].length; i += 1) {
- let input = document.createElement('input'),
- label = document.createElement('label');
+ let container = document.createElement('div'),
+ input = document.createElement('input'),
+ label = document.createElement('label')
+ ;
+
+ container.setAttribute('class', 'input-container');
input.setAttribute('type', isScq ? 'radio' : 'checkbox');
input.setAttribute('id', `answer_${i}`);
@@ -178,8 +182,9 @@ function constructQuestion(data) {
label.setAttribute('for', `answer_${i}`);
label.innerText = data['answers'][i]['label'];
- answersContainer.append(input);
- answersContainer.append(label);
+ container.append(input);
+ container.append(label);
+ answersContainer.append(container);
}
questionBlock.append(answersContainer);
diff --git a/assets/scss/app.scss b/assets/scss/app.scss
index 0c351ff..03d961d 100644
--- a/assets/scss/app.scss
+++ b/assets/scss/app.scss
@@ -6,6 +6,7 @@ header nav a,
.admin > a[data-target="close"] {
color: black;
text-decoration: none;
+ cursor: pointer;
&:active,
&:visited {
color: black;
@@ -26,6 +27,10 @@ header {
}
}
+button {
+ cursor: pointer;
+}
+
p {
&.correct,
&.wrong {
--
GitLab