Files
ohif-viewer/extensions/dicom-microscopy/src/components/ViewportOverlay/ViewportOverlay.css
T
Dan RukasandJoe Boccanfuso 9a2691a71f fix(colors): Replaces legacy colors with ui-next colors (#5351)
* Update playwright screenshots and fix broken tests.

---------

Co-authored-by: Joe Boccanfuso <joe.boccanfuso@radicalimaging.com>
2026-02-12 08:48:05 -05:00

88 lines
1.8 KiB
CSS

.DicomMicroscopyViewer .OpenLayersOverlay {
height: 100%;
width: 100%;
display: block !important;
pointer-events: none !important;
}
.DicomMicroscopyViewer .text-highlight {
font-size: 14px;
color: yellow;
font-weight: normal;
}
.DicomMicroscopyViewer .text-highlight span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 300px;
/* text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.6),
0px 1px 1px rgba(225, 225, 225, 0.6),
1px 1px 3px rgba(225, 225, 225, 0.9),
1px 1px 3px rgba(225, 225, 225, 0.9),
1px 1px 3px rgba(225, 225, 225, 0.9),
1px 1px 3px rgba(225, 225, 225, 0.9); */
}
.DicomMicroscopyViewer .absolute {
position: absolute;
}
.DicomMicroscopyViewer .flex {
display: flex;
}
.DicomMicroscopyViewer .flex-row {
flex-direction: row;
}
.DicomMicroscopyViewer .flex-col {
flex-direction: column;
}
.DicomMicroscopyViewer .pointer-events-none {
pointer-events: none;
}
.DicomMicroscopyViewer .left-viewport-scrollbar {
left: 0.5rem;
}
.DicomMicroscopyViewer .right-viewport-scrollbar {
right: 1.3rem;
}
.DicomMicroscopyViewer .top-viewport {
top: 0.5rem;
}
.DicomMicroscopyViewer .bottom-viewport {
bottom: 0.5rem;
}
.DicomMicroscopyViewer .bottom-viewport.left-viewport {
bottom: 0.5rem;
left: calc(0.5rem + 250px);
}
.DicomMicroscopyViewer .right-viewport-scrollbar .flex {
justify-content: end;
}
.DicomMicroscopyViewer .microscopy-viewport-overlay {
padding: 0.5rem 1rem;
background: rgba(0, 0, 0, 0.5);
max-width: 40%;
}
.DicomMicroscopyViewer .microscopy-viewport-overlay .flex {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.DicomMicroscopyViewer .top-viewport .flex span:not(.font-light) {
flex-shrink: 0;
}