ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor CSS in exam scores user template to enforce minimum width for sticky viewer on larger viewports

Browse Source
This commit is contained in:
Ross
2026-01-19 12:39:36 +00:00
parent a333ff492d
commit 662fc4e06e
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
anatomy/templates/anatomy/exam_scores_user.html
+4
View File
@@ -70,6 +70,10 @@
<style> <style>
/* Ensure the sticky viewer stays within its column and the canvas scales */ /* Ensure the sticky viewer stays within its column and the canvas scales */
.anatomy .card.sticky-top { max-width: 100%; } .anatomy .card.sticky-top { max-width: 100%; }
/* Keep viewer usable by enforcing a minimum width on larger viewports */
@media (min-width: 768px) {
.anatomy .card.sticky-top { min-width: 600px; }
}
.anatomy .question-display-block .inner-display-block { overflow: auto; } .anatomy .question-display-block .inner-display-block { overflow: auto; }
.dicom-viewer, .dicom-viewer .canvas-panel, .dicom-viewer .cornerstone-element { max-width: 100%; box-sizing: border-box; } .dicom-viewer, .dicom-viewer .canvas-panel, .dicom-viewer .cornerstone-element { max-width: 100%; box-sizing: border-box; }
.dicom-viewer canvas { max-width: 100% !important; width: 100% !important; height: auto !important; display: block; } .dicom-viewer canvas { max-width: 100% !important; width: 100% !important; height: auto !important; display: block; }