Mercurial > hg > orthanc-stone
diff Applications/StoneWebViewer/Resources/Styles/webviewer.components.scss @ 1538:d1806b4e4839
moving OrthancStone/Samples/ as Applications/Samples/
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 11 Aug 2020 13:24:38 +0200 |
parents | StoneWebViewer/Resources/Styles/webviewer.components.scss@fb74ed5d8c22 |
children | 092af2150f67 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/Applications/StoneWebViewer/Resources/Styles/webviewer.components.scss Tue Aug 11 13:24:38 2020 +0200 @@ -0,0 +1,59 @@ +/* wvp-ui stuffs */ +wv-webviewer { + display: block; + height: 100%; + overflow: hidden; +} + +@import "variable"; +@import "button"; +@import "exitButton"; +@import "studyIsland"; +@import "helpers"; +@import "notice"; +@import "layout"; +@import "serieslist"; +@import "toolbar"; +@import "video"; +@import "studyInformationBreadcrumb"; +@import "selectionActionlist"; + +/* wvb-ui stuffs */ +@import "wv-overlay.scss"; +@import "wv-pdf-viewer.scss"; +@import "wv-splitpane.scss"; +@import "wv-timeline.scss"; +@import "wv-timeline-controls.scss"; +@import "wv-loadingbar.scss"; +@import "wv-disclaimer"; +@import "tb-group"; + +wv-viewport { // make sure the element is sized when using with drag & drop + display: inline-block; + width: 100%; + height: 100%; + + > div { + position: relative; + width: 100%; + height: 100%; + } + + // We don't set 100% width/height to the canvas element, as it would stretch + // the pixels. Instead, we center it for more fluid transition when pane's + // width changes (at least the content is kept centered even if the js hasn't + // yet reacted to layout reflow). + > div > .wv-cornerstone-enabled-image { + width: 100%; + height: 100%; + text-align: center; + } +} + +.wv-draggable-clone { + width: 150px; + height: 150px; + background-color: rgba(255,255,255,0.25); + + // No need to set z-index (already done by jquery ui lib). +}