1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | .p-DockPanel.p-SplitPanel-child {
|
18 | padding: 0px;
|
19 | }
|
20 |
|
21 | .p-DockPanel-widget {
|
22 | min-width: 100px;
|
23 | min-height: 100px;
|
24 | }
|
25 |
|
26 | .p-DockPanel-handle[data-orientation='vertical'] {
|
27 | min-height: var(--theia-border-width);
|
28 | z-index: 3;
|
29 | }
|
30 |
|
31 | .p-DockPanel-handle[data-orientation='horizontal'] {
|
32 | min-width: var(--theia-border-width);
|
33 | }
|
34 |
|
35 | .p-DockPanel-handle[data-orientation='horizontal']::after {
|
36 | min-width: var(--theia-sash-width);
|
37 | transform: translateX(0%);
|
38 | left: calc(-1*var(--theia-sash-width)/2);
|
39 | }
|
40 |
|
41 | .p-DockPanel-handle[data-orientation='vertical']::after {
|
42 | min-height: var(--theia-sash-width);
|
43 | width: 100%;
|
44 | transform: translateY(0%);
|
45 | top: calc(-1*var(--theia-sash-width)/2);
|
46 | }
|
47 |
|
48 | .p-DockPanel-handle:hover::after {
|
49 | background-color: var(--theia-sash-hoverBorder);
|
50 | transition-delay: var(--theia-sash-hoverDelay);
|
51 | }
|
52 |
|
53 | .p-DockPanel-handle:active::after {
|
54 | background-color: var(--theia-sash-activeBorder);
|
55 | transition-delay: 0s !important;
|
56 | }
|
57 |
|
58 | .p-DockPanel-overlay {
|
59 | background: var(--theia-editorGroup-dropBackground);
|
60 | border: var(--theia-border-width) dashed var(--theia-contrastActiveBorder);
|
61 | transition-property: top, left, right, bottom;
|
62 | transition-duration: 150ms;
|
63 | transition-timing-function: ease;
|
64 | }
|
65 |
|
66 | .p-DockPanel-overlay.p-mod-root-top,
|
67 | .p-DockPanel-overlay.p-mod-root-left,
|
68 | .p-DockPanel-overlay.p-mod-root-right,
|
69 | .p-DockPanel-overlay.p-mod-root-bottom,
|
70 | .p-DockPanel-overlay.p-mod-root-center {
|
71 | border-width: 2px;
|
72 | }
|
73 |
|
74 | .p-DockPanel-overlay.p-mod-root-bottom {
|
75 | background: var(--theia-panel-dropBackground);
|
76 | }
|