Spaces:
Running
Running
t Claude (claude-opus-4-5-thinking) commited on
Commit ·
c0f39fc
1
Parent(s): e922737
fix: remove redundant question thumbnail from quiz details panel
Browse filesThe question is already visible in the main quiz area, no need to
show it again in the details panel.
Co-Authored-By: Claude (claude-opus-4-5-thinking) <noreply@anthropic.com>
- templates/quiz_v2.html +3 -28
templates/quiz_v2.html
CHANGED
|
@@ -95,17 +95,6 @@
|
|
| 95 |
font-size: 0.9rem;
|
| 96 |
color: #e9ecef;
|
| 97 |
}
|
| 98 |
-
.details-spoiler .details-grid {
|
| 99 |
-
display: grid;
|
| 100 |
-
grid-template-columns: 1fr 1fr;
|
| 101 |
-
gap: 15px;
|
| 102 |
-
}
|
| 103 |
-
.details-spoiler .question-thumb {
|
| 104 |
-
max-height: 200px;
|
| 105 |
-
object-fit: contain;
|
| 106 |
-
border-radius: 6px;
|
| 107 |
-
border: 1px solid #495057;
|
| 108 |
-
}
|
| 109 |
.details-spoiler .note-thumb {
|
| 110 |
max-height: 200px;
|
| 111 |
object-fit: contain;
|
|
@@ -123,11 +112,6 @@
|
|
| 123 |
color: #0dcaf0;
|
| 124 |
margin-bottom: 8px;
|
| 125 |
}
|
| 126 |
-
@media (max-width: 768px) {
|
| 127 |
-
.details-spoiler .details-grid {
|
| 128 |
-
grid-template-columns: 1fr;
|
| 129 |
-
}
|
| 130 |
-
}
|
| 131 |
|
| 132 |
/* --- BUTTON STYLES --- */
|
| 133 |
.btn-pill { border-radius: 50px; }
|
|
@@ -195,15 +179,9 @@
|
|
| 195 |
|
| 196 |
<!-- 3. Details (Hidden by default) -->
|
| 197 |
<div class="details-spoiler" id="details-spoiler">
|
| 198 |
-
<div
|
| 199 |
-
<
|
| 200 |
-
|
| 201 |
-
<img id="details-question-img" src="" class="question-thumb" alt="Question">
|
| 202 |
-
</div>
|
| 203 |
-
<div id="details-info">
|
| 204 |
-
<h6 class="text-white mb-2"><i class="bi bi-info-circle me-1"></i>Details</h6>
|
| 205 |
-
<div id="details-content"></div>
|
| 206 |
-
</div>
|
| 207 |
</div>
|
| 208 |
<div id="note-section" class="note-section" style="display: none;">
|
| 209 |
<h6><i class="bi bi-journal-text me-1"></i>Revision Notes</h6>
|
|
@@ -369,9 +347,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
| 369 |
if(d.options && d.options.length) { h += '<ol type="A" style="padding-left:15px; margin:5px 0;">'; d.options.forEach(o=>h+=`<li>${o}</li>`); h+='</ol>'; }
|
| 370 |
document.getElementById('details-content').innerHTML = h;
|
| 371 |
|
| 372 |
-
// Set question thumbnail in details panel
|
| 373 |
-
document.getElementById('details-question-img').src = path;
|
| 374 |
-
|
| 375 |
// Set revision note if available
|
| 376 |
const noteSection = document.getElementById('note-section');
|
| 377 |
const noteImg = document.getElementById('details-note-img');
|
|
|
|
| 95 |
font-size: 0.9rem;
|
| 96 |
color: #e9ecef;
|
| 97 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 98 |
.details-spoiler .note-thumb {
|
| 99 |
max-height: 200px;
|
| 100 |
object-fit: contain;
|
|
|
|
| 112 |
color: #0dcaf0;
|
| 113 |
margin-bottom: 8px;
|
| 114 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 115 |
|
| 116 |
/* --- BUTTON STYLES --- */
|
| 117 |
.btn-pill { border-radius: 50px; }
|
|
|
|
| 179 |
|
| 180 |
<!-- 3. Details (Hidden by default) -->
|
| 181 |
<div class="details-spoiler" id="details-spoiler">
|
| 182 |
+
<div id="details-info">
|
| 183 |
+
<h6 class="text-white mb-2"><i class="bi bi-info-circle me-1"></i>Details</h6>
|
| 184 |
+
<div id="details-content"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 185 |
</div>
|
| 186 |
<div id="note-section" class="note-section" style="display: none;">
|
| 187 |
<h6><i class="bi bi-journal-text me-1"></i>Revision Notes</h6>
|
|
|
|
| 347 |
if(d.options && d.options.length) { h += '<ol type="A" style="padding-left:15px; margin:5px 0;">'; d.options.forEach(o=>h+=`<li>${o}</li>`); h+='</ol>'; }
|
| 348 |
document.getElementById('details-content').innerHTML = h;
|
| 349 |
|
|
|
|
|
|
|
|
|
|
| 350 |
// Set revision note if available
|
| 351 |
const noteSection = document.getElementById('note-section');
|
| 352 |
const noteImg = document.getElementById('details-note-img');
|