Ross
88 lines
2.2 KiB
CSS
88 lines
2.2 KiB
CSS
|
|
/* global.css */
|
|
html, body, #root {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* .grid-menu-hover-container .grid-menu-btn {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity 0.2s;
|
|
}
|
|
.grid-menu-hover-container:hover .grid-menu-btn,
|
|
.grid-menu-btn:focus {
|
|
opacity: 1 !important;
|
|
pointer-events: auto;
|
|
}
|
|
*/
|
|
.dicom-viewer-root, #root {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.dicom-viewer-test-root {
|
|
box-sizing: border-box;
|
|
color: rgb(128, 128, 128);
|
|
display: block;
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
height: 500px;
|
|
line-height: 24px;
|
|
max-height: 500px;
|
|
overflow-x: auto;
|
|
overflow-y: auto;
|
|
text-align: start;
|
|
text-size-adjust: 100%;
|
|
unicode-bidi: isolate;
|
|
width: 1296px;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
/* In your global CSS */
|
|
.cornerstone-viewport, .cornerstone-canvas {
|
|
cursor: inherit !important;
|
|
}
|
|
|
|
/* Make annotation displays smaller and more compact inside viewports */
|
|
.cornerstone-viewport {
|
|
/* Target SVG text used by tools */
|
|
}
|
|
.cornerstone-viewport svg text,
|
|
.cornerstone-viewport .annotation-label,
|
|
.cornerstone-viewport .annotation-text,
|
|
.cornerstone-viewport .cornerstone-annotation,
|
|
.cornerstone-viewport .ct-annotation,
|
|
.cornerstone-viewport .annotation {
|
|
font-size: 11px !important;
|
|
line-height: 1 !important;
|
|
}
|
|
|
|
/* Smaller text boxes / labels */
|
|
.cornerstone-viewport .cornerstone-annotation-label,
|
|
.cornerstone-viewport .annotation-text {
|
|
padding: 2px 4px !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
|
|
/* Reduce handle and marker sizes for compactness */
|
|
.cornerstone-viewport .handle,
|
|
.cornerstone-viewport .annotation-handle,
|
|
.cornerstone-viewport .ct-handle,
|
|
.cornerstone-viewport .cornerstone-handle {
|
|
width: 8px !important;
|
|
height: 8px !important;
|
|
}
|
|
|
|
/* If tools render HTML overlays, make them compact */
|
|
.cornerstone-viewport .ct-annotation-overlay {
|
|
font-size: 11px !important;
|
|
padding: 2px !important;
|
|
} |