Commit 6e76d9c8 by Xavier Antoviaque

Cleanup duplicate class name in MCQ/MRQ DOM structure & CSS

parent 5cb1b85d
...@@ -3,31 +3,30 @@ ...@@ -3,31 +3,30 @@
font-weight: bold; font-weight: bold;
} }
.mentoring .rating, .mentoring .rating .choices-list {
.mentoring .choices { margin: 5px 0 10px;
margin-bottom: 5px;
} }
.mentoring .choices .choices .choice { .mentoring .choices .choice {
margin: 10px 0; margin: 10px 0;
} }
.mentoring .choices .choices .choice-result { .mentoring .choices .choice-result {
padding-right: 40px; padding-right: 40px;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.mentoring .choices .choices .choice-result.correct { .mentoring .choices .choice-result.correct {
background-image: url({{ correct_icon_url }}); background-image: url({{ correct_icon_url }});
cursor: pointer; cursor: pointer;
} }
.mentoring .choices .choices .choice-result.incorrect { .mentoring .choices .choice-result.incorrect {
background-image: url({{ incorrect_icon_url }}); background-image: url({{ incorrect_icon_url }});
cursor: pointer; cursor: pointer;
} }
.mentoring .choices .choices .choice-tips { .mentoring .choices .choice-tips {
display: none; display: none;
background-color: #0384ce; background-color: #0384ce;
color: #fff; color: #fff;
...@@ -37,16 +36,16 @@ ...@@ -37,16 +36,16 @@
margin: 10px 0; margin: 10px 0;
} }
.mentoring .choices .choices .choice-tips .title { .mentoring .choices .choice-tips .title {
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.mentoring .choices .choices .choice-tips .tip-choice-group { .mentoring .choices .choice-tips .tip-choice-group {
position: relative; position: relative;
} }
.mentoring .choices .choices .choice-tips .tip-choice-group .close { .mentoring .choices .choice-tips .tip-choice-group .close {
background-image: url({{ close_icon_url }}); background-image: url({{ close_icon_url }});
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
...@@ -56,14 +55,14 @@ ...@@ -56,14 +55,14 @@
height: 19px; height: 19px;
} }
.mentoring .choices .choices .choice-tips p { .mentoring .choices .choice-tips p {
color: #fff; color: #fff;
} }
.mentoring .rating .choices .choice { .mentoring .rating .choice {
margin-right: 10px; margin-right: 10px;
} }
.mentoring .choices .choice .choice-selector { .mentoring .choices-list .choice-selector {
margin-right: 5px; margin-right: 5px;
} }
<fieldset class="choices"> <fieldset class="choices">
<legend class="question">{{ self.question }}</legend> <legend class="question">{{ self.question }}</legend>
<div class="choices"> <div class="choices-list">
{% for choice in custom_choices %} {% for choice in custom_choices %}
<div class="choice"> <div class="choice">
<span class="choice-result"></span> <span class="choice-result"></span>
......
<fieldset class="rating"> <fieldset class="rating">
<legend class="question">{{ self.question }}</legend> <legend class="question">{{ self.question }}</legend>
<div class="choices"> <div class="choices-list">
<span class="low">{{ self.low }}</span> <span class="low">{{ self.low }}</span>
<span class="choice"> <span class="choice">
<label><input class="choice-selector" type="radio" name="{{ self.name }}" value="1"{% if self.student_choice == '1' %} checked{% endif %}>1</label> <label><input class="choice-selector" type="radio" name="{{ self.name }}" value="1"{% if self.student_choice == '1' %} checked{% endif %}>1</label>
......
<fieldset class="choices"> <fieldset class="choices">
<legend class="question">{{ self.question }}</legend> <legend class="question">{{ self.question }}</legend>
<div class="choices"> <div class="choices-list">
{% for choice in custom_choices %} {% for choice in custom_choices %}
<div class="choice"> <div class="choice">
<span class="choice-result"></span> <span class="choice-result"></span>
......
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