diff Applications/StoneWebViewer/Resources/Styles/wv-splitpane.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/wv-splitpane.scss@fb74ed5d8c22
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/Applications/StoneWebViewer/Resources/Styles/wv-splitpane.scss	Tue Aug 11 13:24:38 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