Mercurial > hg > orthanc-stone
comparison 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 |
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 } |