1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| .pretty-split-pane-frame {
| /*box-sizing: border-box;*/
| width: 100%;
| height: 100%;
| /*padding: 5px;*/
| /*background: silver;*/
| }
|
| .pretty-split-pane-frame .split-pane > .split-pane-divider.dragged.touch {
| background: blue;
| opacity: 0.25;
| }
|
| .pretty-split-pane-component-inner {
| box-sizing: border-box;
| /*border: 1px solid gray;*/
| background: white;
| width: 100%;
| height: 100%;
| /*padding: 0 1em;*/
| overflow: auto;
| }
|
|
| #top-component {
| bottom: 220px;
| margin-bottom: 5px;
| min-height: 100px;
| }
|
| #my-divider {
| bottom: 220px;
| height: 5px;
| background-color: #DCDFE6;
| /*border:0.5px solid silver;*/
| }
|
| #bottom-component {
| height: 220px;
| min-height: 100px;
| }
|
|
