1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | .p-Widget.dialogOverlay {
|
18 | z-index: 5000;
|
19 | display: flex;
|
20 | flex-direction: column;
|
21 | position: fixed;
|
22 | width: 100vw;
|
23 | height: 100vh;
|
24 | top: 0;
|
25 | left: 0;
|
26 | justify-content: center;
|
27 | align-items: center;
|
28 | background: rgba(0, 0, 0, 0.3);
|
29 | font-size: var(--theia-ui-font-size1);
|
30 | padding: 2px;
|
31 | }
|
32 | .p-Widget.dialogOverlay .dialogBlock {
|
33 | display: flex;
|
34 | flex-direction: column;
|
35 | min-width: 400px;
|
36 | color: var(--theia-editorWidget-foreground);
|
37 | background-color: var(--theia-editorWidget-background);
|
38 | border: 1px solid var(--theia-contrastBorder);
|
39 | box-shadow: 0 0px 8px var(--theia-widget-shadow);
|
40 | }
|
41 | .p-Widget.dialogOverlay .dialogTitle {
|
42 | display: flex;
|
43 | flex-direction: row;
|
44 | flex-wrap: nowrap;
|
45 | justify-content: space-between;
|
46 | align-items: center;
|
47 | text-align: center;
|
48 | font-size: var(--theia-ui-font-size1);
|
49 | background-color: var(--theia-statusBar-background);
|
50 | color: var(--theia-statusBar-foreground);
|
51 | padding: 0 calc(var(--theia-ui-padding)*2);
|
52 | min-height: 24px;
|
53 | }
|
54 |
|
55 | .p-Widget.dialogOverlay .dialogTitle i.closeButton {
|
56 | cursor: pointer;
|
57 | }
|
58 |
|
59 | .p-Widget.dialogOverlay .dialogContent {
|
60 | display: flex;
|
61 | flex-direction: column;
|
62 | align-items: stretch;
|
63 | position: relative;
|
64 | padding: calc(var(--theia-ui-padding)*2);
|
65 | white-space: pre-line;
|
66 | max-height: 70vh;
|
67 | overflow-y: auto;
|
68 | }
|
69 |
|
70 | .p-Widget.dialogOverlay .dialogControl {
|
71 | padding: calc(var(--theia-ui-padding)*2);
|
72 | display: flex;
|
73 | flex-direction: row;
|
74 | align-content: right;
|
75 | flex-wrap: nowrap;
|
76 | justify-content: flex-end;
|
77 | min-height: 21px;
|
78 | }
|
79 |
|
80 | .p-Widget.dialogOverlay.hidden {
|
81 | display: none;
|
82 | }
|
83 | .p-Widget.dialogOverlay.dialogErrorMessage {
|
84 | display: none;
|
85 | }
|
86 | .p-Widget.dialogOverlay .error {
|
87 | color: var(--theia-inputValidation-errorForeground);
|
88 | }
|
89 | .p-Widget.dialogOverlay .error.main {
|
90 | color: var(--theia-inputValidation-errorForeground);
|
91 | border-color: var(--theia-inputValidation-errorBorder);
|
92 | }
|
93 | .p-Widget.dialogOverlay .error > .theia-button.main {
|
94 | background-color: var(--theia-inputValidation-errorBackground);
|
95 | color: var(--theia-inputValidation-errorForeground);
|
96 | }
|
97 | .p-Widget.dialogOverlay .error > .dialogErrorMessage {
|
98 | margin-top: calc(var(--theia-ui-padding)*3);
|
99 | font-size: var(--theia-ui-font-size1);
|
100 | display: block;
|
101 | }
|
102 |
|
103 | .theia-dialog-node {
|
104 | line-height: var(--theia-content-line-height);
|
105 | margin-top: calc(var(--theia-ui-padding)*1.5);
|
106 | margin-left: calc(var(--theia-ui-padding)*2.5);
|
107 | }
|
108 |
|
109 | .theia-dialog-node-content {
|
110 | display: flex;
|
111 | align-items: center;
|
112 | margin-right: calc(var(--theia-ui-padding)*1.5);}
|
113 |
|
114 | .theia-dialog-node-segment {
|
115 | flex-grow: 0;
|
116 | user-select: none;
|
117 | white-space: nowrap;
|
118 | }
|
119 |
|
120 | .theia-dialog-icon {
|
121 | align-content: center;
|
122 | margin-right: calc(var(--theia-ui-padding)*1.5);
|
123 | }
|