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 files

The 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>

Files changed (1) hide show
  1. 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 class="details-grid">
199
- <div>
200
- <h6 class="text-white mb-2"><i class="bi bi-image me-1"></i>Question</h6>
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');