Refactor exam scores user template to improve viewer card styling and functionality

This commit is contained in:
Ross
2026-01-19 12:32:48 +00:00
parent 75be7c1739
commit bb9741b786
@@ -44,14 +44,14 @@
<div class="col-md-4"> <div class="col-md-4">
{% if exam.publish_results %} {% if exam.publish_results %}
<div class="card"> <div class="card sticky-top" style="top:1rem;">
<div class="card-header d-flex justify-content-between align-items-center"> <div class="card-header d-flex justify-content-between align-items-center">
<h6 class="mb-0">Viewer</h6> <h6 class="mb-0">Viewer</h6>
<button class="btn btn-sm btn-outline-secondary" id="hide-viewer">Hide</button> <button class="btn btn-sm btn-outline-secondary" id="hide-viewer">Hide</button>
</div> </div>
<div class="card-body"> <div class="card-body p-0">
<div class="question-display-block"> <div class="question-display-block">
<div class="inner-display-block"> <div class="inner-display-block overflow-auto" style="max-height: calc(100vh - 160px);">
<div>Question <span class="question-number">No question loaded</span></div> <div>Question <span class="question-number">No question loaded</span></div>
<div id="question-title" class="fw-bold my-2"></div> <div id="question-title" class="fw-bold my-2"></div>
<div id="question-question" class="mb-2"></div> <div id="question-question" class="mb-2"></div>