@shapeshift-labs/frontier-lang-compiler 0.2.56 → 0.2.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,6 +2,9 @@ export function workbenchStyles() {
|
|
|
2
2
|
return `
|
|
3
3
|
:root {
|
|
4
4
|
color-scheme: dark;
|
|
5
|
+
--topbar-height: 58px;
|
|
6
|
+
--status-height: 46px;
|
|
7
|
+
--chrome-height: calc(var(--topbar-height) + var(--status-height));
|
|
5
8
|
--bg: #08090a;
|
|
6
9
|
--panel: #111417;
|
|
7
10
|
--panel-2: #171b20;
|
|
@@ -29,9 +32,8 @@ body {
|
|
|
29
32
|
}
|
|
30
33
|
|
|
31
34
|
.appShell {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
grid-template-rows: 58px 46px minmax(0, 1fr);
|
|
35
|
+
height: 100vh;
|
|
36
|
+
overflow: hidden;
|
|
35
37
|
}
|
|
36
38
|
|
|
37
39
|
.topbar, .statusStrip, .paneHeader {
|
|
@@ -41,6 +43,10 @@ body {
|
|
|
41
43
|
}
|
|
42
44
|
|
|
43
45
|
.topbar {
|
|
46
|
+
position: fixed;
|
|
47
|
+
inset: 0 0 auto 0;
|
|
48
|
+
z-index: 20;
|
|
49
|
+
height: var(--topbar-height);
|
|
44
50
|
justify-content: space-between;
|
|
45
51
|
padding: 0 14px;
|
|
46
52
|
background: #0c0e10;
|
|
@@ -84,6 +90,10 @@ body {
|
|
|
84
90
|
.iconButton:hover, .segmented button:hover, .modeGroup button:hover, .runButton:hover { background: var(--panel-3); }
|
|
85
91
|
|
|
86
92
|
.statusStrip {
|
|
93
|
+
position: fixed;
|
|
94
|
+
inset: var(--topbar-height) 0 auto 0;
|
|
95
|
+
z-index: 19;
|
|
96
|
+
height: var(--status-height);
|
|
87
97
|
display: grid;
|
|
88
98
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
89
99
|
background: #0f1214;
|
|
@@ -102,17 +112,22 @@ body {
|
|
|
102
112
|
.statusStrip strong { font-size: 13px; font-weight: 650; }
|
|
103
113
|
|
|
104
114
|
.workspace {
|
|
115
|
+
position: fixed;
|
|
116
|
+
inset: var(--chrome-height) 0 0 0;
|
|
105
117
|
min-height: 0;
|
|
106
118
|
display: grid;
|
|
107
119
|
grid-template-columns: minmax(270px, 0.95fr) minmax(330px, 1.1fr) minmax(300px, 1fr);
|
|
120
|
+
overflow: hidden;
|
|
108
121
|
}
|
|
109
122
|
.pane {
|
|
110
123
|
min-width: 0;
|
|
111
124
|
min-height: 0;
|
|
125
|
+
height: 100%;
|
|
112
126
|
display: grid;
|
|
113
127
|
grid-template-rows: 44px minmax(0, 1fr);
|
|
114
128
|
border-right: 1px solid var(--line);
|
|
115
129
|
background: var(--panel);
|
|
130
|
+
overflow: hidden;
|
|
116
131
|
}
|
|
117
132
|
.pane:last-child { border-right: 0; }
|
|
118
133
|
.pane.isSource .paneHeader { box-shadow: inset 0 -2px 0 var(--green); }
|
|
@@ -128,6 +143,7 @@ textarea, .codeBlock {
|
|
|
128
143
|
width: 100%;
|
|
129
144
|
height: 100%;
|
|
130
145
|
min-height: 0;
|
|
146
|
+
max-height: 100%;
|
|
131
147
|
margin: 0;
|
|
132
148
|
border: 0;
|
|
133
149
|
resize: none;
|
|
@@ -139,14 +155,24 @@ textarea, .codeBlock {
|
|
|
139
155
|
line-height: 1.48;
|
|
140
156
|
padding: 14px;
|
|
141
157
|
overflow: auto;
|
|
158
|
+
overscroll-behavior: contain;
|
|
142
159
|
white-space: pre;
|
|
143
160
|
}
|
|
144
161
|
|
|
145
162
|
.graphView {
|
|
163
|
+
grid-row: 2;
|
|
164
|
+
grid-column: 1;
|
|
146
165
|
min-height: 0;
|
|
166
|
+
max-height: 100%;
|
|
147
167
|
overflow: auto;
|
|
168
|
+
overscroll-behavior: contain;
|
|
148
169
|
padding: 12px;
|
|
149
170
|
}
|
|
171
|
+
#frontierJson {
|
|
172
|
+
grid-row: 2;
|
|
173
|
+
grid-column: 1;
|
|
174
|
+
min-width: 0;
|
|
175
|
+
}
|
|
150
176
|
.graphGrid {
|
|
151
177
|
display: grid;
|
|
152
178
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
@@ -230,12 +256,28 @@ textarea, .codeBlock {
|
|
|
230
256
|
.segmented button[aria-pressed="true"] { background: #213127; color: var(--green); }
|
|
231
257
|
|
|
232
258
|
@media (max-width: 980px) {
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
259
|
+
:root {
|
|
260
|
+
--topbar-height: 96px;
|
|
261
|
+
--status-height: 88px;
|
|
262
|
+
}
|
|
263
|
+
body { overflow: hidden; }
|
|
264
|
+
.topbar {
|
|
265
|
+
align-items: flex-start;
|
|
266
|
+
gap: 10px;
|
|
267
|
+
padding: 10px 14px;
|
|
268
|
+
}
|
|
269
|
+
.workspace {
|
|
270
|
+
grid-template-columns: 1fr;
|
|
271
|
+
grid-template-rows: repeat(3, minmax(0, 1fr));
|
|
272
|
+
overflow: hidden;
|
|
273
|
+
}
|
|
274
|
+
.pane {
|
|
275
|
+
height: 100%;
|
|
276
|
+
min-height: 0;
|
|
277
|
+
border-right: 0;
|
|
278
|
+
border-bottom: 1px solid var(--line);
|
|
279
|
+
}
|
|
237
280
|
.statusStrip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
238
|
-
.topbar { align-items: flex-start; gap: 10px; padding: 10px 14px; }
|
|
239
281
|
.topActions { flex-wrap: wrap; justify-content: flex-end; }
|
|
240
282
|
.boundsGrid { grid-template-columns: 1fr; }
|
|
241
283
|
}
|
package/package.json
CHANGED