Mercurial > hg > orthanc-stone
diff StoneWebViewer/Resources/Styles/wv-splitpane.scss @ 1495:fb74ed5d8c22
initial commit of the Stone Web viewer
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Thu, 25 Jun 2020 16:51:10 +0200 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/StoneWebViewer/Resources/Styles/wv-splitpane.scss Thu Jun 25 16:51:10 2020 +0200 @@ -0,0 +1,80 @@ +$gray: gray; +$blue: hsla(204, 70%, 53%, 0.7); +$red: rgba(206, 0, 0, 0.7); +$green: rgba(0, 160, 27, .7); +$yellow: rgba(220, 200 , 0, .9); +$violet: rgba(255, 31, 255, .7); + +.wvSplitpane { + height: 100%; + padding: 7px 2px 2px 2px; + + // Anchor + position: relative; +} +.wvSplitpane__cell { + display: inline-block; + float: left; + height: 100%; + width: 100%; + + // Anchor + position: relative; +} +.wvSplitpane__cellBorder, +%wvSplitpane__cellBorder { + display: inline-block; + float: left; + height: calc(100% - 2px); + width: calc(100% - 2px); + + border: 2px dashed transparent; + + padding: 2px; + margin: 1px; +} +.wvSplitpane__cellBorder--selected { + @extend .wvSplitpane__cellBorder; + + // Add border + border: 2px solid $blue; +} + +// Color modifiers +.wvSplitpane__cellBorder--blue { + @extend .wvSplitpane__cellBorder; + border-color: $blue; +} + +.wvSplitpane__cellBorder--red { + @extend .wvSplitpane__cellBorder; + border-color: $red; +} + +.wvSplitpane__cellBorder--green { + @extend .wvSplitpane__cellBorder; + border-color: $green; +} + +.wvSplitpane__cellBorder--yellow { + @extend .wvSplitpane__cellBorder; + border-color: $yellow; +} + +.wvSplitpane__cellBorder--violet { + @extend .wvSplitpane__cellBorder; + border-color: $violet; +} + +// Make sure the pane keeps its size +wv-pane-policy { + display: block; + width: 100%; + height: 100%; + + > div[ng-transclude] { + display: block; + width: 100%; + height: 100%; + } +} \ No newline at end of file