Refactor exam overview template for improved readability and consistency in HTML structure
This commit is contained in:
@@ -49,7 +49,8 @@
|
|||||||
class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}"
|
class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}"
|
||||||
aria-label="Go to question {{ forloop.counter }}"
|
aria-label="Go to question {{ forloop.counter }}"
|
||||||
{% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}>
|
{% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}>
|
||||||
{{forloop.counter}}{% if answer and answer.answer %}: {{answer.answer}}{% endif %}
|
<span class="qn-num">{{forloop.counter}}</span>{% if answer and answer.answer %}<span class="qn-ans">: {{answer.answer}}</span>{% endif %}
|
||||||
|
{% if flagged %}<span class="question-flag" aria-hidden="true">⚑</span>{% endif %}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
@@ -57,7 +58,8 @@
|
|||||||
class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}"
|
class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}"
|
||||||
aria-label="Go to question {{ forloop.counter }}"
|
aria-label="Go to question {{ forloop.counter }}"
|
||||||
{% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}>
|
{% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}>
|
||||||
{{forloop.counter}}{% if answer and answer.answer %}: {{answer.answer}}{% endif %}
|
<span class="qn-num">{{forloop.counter}}</span>{% if answer and answer.answer %}<span class="qn-ans">: {{answer.answer}}</span>{% endif %}
|
||||||
|
{% if flagged %}<span class="question-flag" aria-hidden="true">⚑</span>{% endif %}
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
@@ -129,11 +131,13 @@
|
|||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Flagged question indicator: use border colour to signal a flagged item */
|
/* Flagged questions show only the flag icon; do not change border color */
|
||||||
.overview-question-btn.flagged {
|
|
||||||
border-color: #ffc107 !important;
|
.overview-question-btn .question-flag {
|
||||||
box-shadow: 0 1px 2px rgba(255,193,7,0.06);
|
margin-left: auto;
|
||||||
background: rgba(255,193,7,0.03);
|
font-size: 0.95rem;
|
||||||
|
color: #ffc107;
|
||||||
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Unanswered questions should draw attention */
|
/* Unanswered questions should draw attention */
|
||||||
|
|||||||
Reference in New Issue
Block a user