Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/Resources/Styles/wv-splitpane.scss @ 1538:d1806b4e4839

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
1537:de8cf5859e84 1538:d1806b4e4839
1 $gray: gray;
2 $blue: hsla(204, 70%, 53%, 0.7);
3 $red: rgba(206, 0, 0, 0.7);
4 $green: rgba(0, 160, 27, .7);
5 $yellow: rgba(220, 200 , 0, .9);
6 $violet: rgba(255, 31, 255, .7);
7
8 .wvSplitpane {
9 height: 100%;
10 padding: 7px 2px 2px 2px;
11
12 // Anchor
13 position: relative;
14 }
15 .wvSplitpane__cell {
16 display: inline-block;
17 float: left;
18 height: 100%;
19 width: 100%;
20
21 // Anchor
22 position: relative;
23 }
24 .wvSplitpane__cellBorder,
25 %wvSplitpane__cellBorder {
26 display: inline-block;
27 float: left;
28 height: calc(100% - 2px);
29 width: calc(100% - 2px);
30
31 border: 2px dashed transparent;
32
33 padding: 2px;
34 margin: 1px;
35 }
36 .wvSplitpane__cellBorder--selected {
37 @extend .wvSplitpane__cellBorder;
38
39 // Add border
40 border: 2px solid $blue;
41 }
42
43 // Color modifiers
44 .wvSplitpane__cellBorder--blue {
45 @extend .wvSplitpane__cellBorder;
46 border-color: $blue;
47 }
48
49 .wvSplitpane__cellBorder--red {
50 @extend .wvSplitpane__cellBorder;
51 border-color: $red;
52 }
53
54 .wvSplitpane__cellBorder--green {
55 @extend .wvSplitpane__cellBorder;
56 border-color: $green;
57 }
58
59 .wvSplitpane__cellBorder--yellow {
60 @extend .wvSplitpane__cellBorder;
61 border-color: $yellow;
62 }
63
64 .wvSplitpane__cellBorder--violet {
65 @extend .wvSplitpane__cellBorder;
66 border-color: $violet;
67 }
68
69 // Make sure the pane keeps its size
70 wv-pane-policy {
71 display: block;
72 width: 100%;
73 height: 100%;
74
75 > div[ng-transclude] {
76 display: block;
77 width: 100%;
78 height: 100%;
79 }
80 }