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

2026-01-19 12:39:36 +00:00
parent a333ff492d
commit 662fc4e06e
1 changed files with 4 additions and 0 deletions
@@ -70,6 +70,10 @@
    <style>
        /* Ensure the sticky viewer stays within its column and the canvas scales */
        .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; }
        .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; }