Skip to content

Commit ba279d3

Browse files
minjk-blminjk-bl
authored
Merge pull request #70 from llbtl/devops
CSS Edit
2 parents 4cb9a9a + 710f7ae commit ba279d3

23 files changed

Lines changed: 187 additions & 822 deletions

‎css/api_block/index.css‎

Lines changed: 31 additions & 262 deletions
Large diffs are not rendered by default.

‎css/common/frameEditor.css‎

Lines changed: 15 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -4,56 +4,47 @@
44
left: 0;
55
width: 100%;
66
height: 100%;
7-
87
z-index: 1200;
9-
108
background-color: rgba(0,0,0,.4);
119
}
12-
1310
.vp-fe-button {
1411
width: 45px;
1512
}
16-
1713
.vp-fe-container {
1814
position: relative;
1915
left: 50%;
2016
top: 50%;
2117
transform:translate(-50%, -50%);
22-
2318
min-width: 400px;
2419
min-height: 400px;
2520
width: 95%;
2621
height: 95%;
27-
2822
background-color: white;
2923
}
30-
3124
.vp-fe-title {
32-
height: 30px;
25+
height: 40px;
3326
padding: 5px 0px 5px 10px;
34-
3527
background-color: #EEE;
3628
border: 1px solid #ddd;;
3729
display: flex;
3830
flex-direction: row;
3931
position: relative;
40-
32+
align-items: center;
33+
font-size: 16px;
4134
font-weight: 700;
4235
}
43-
4436
.vp-fe-close,
4537
.vp-fe-popup-close {
4638
position: fixed;
4739
z-index: 3;
4840
right: 5px;
49-
width: 20px;
41+
width: 30px;
5042
height: 20px;
5143
line-height: 20px;
52-
top: 5px;
44+
top: 10px;
5345
text-align: center;
5446
cursor: pointer;
5547
}
56-
5748
.vp-fe-body {
5849
width: 100%;
5950
height: calc(100% - 80px);
@@ -64,7 +55,7 @@
6455
/* grid-template-rows: 35px 30px 60% calc(40% - 80px); */
6556
}
6657

67-
/* preview code */
58+
/* Code Preview */
6859
.vp-fe-preview {
6960
width: 100%;
7061
height: 35px;
@@ -75,33 +66,24 @@
7566
.vp-fe-preview textarea {
7667
display: none;
7768
}
78-
7969
.vp-fe-preview .CodeMirror-code .cm-variable {
8070
background-color: rgba(47, 133, 90, 0.2);
8171
}
82-
8372
.vp-fe-preview .CodeMirror-code .cm-string {
8473
background-color: rgba(246, 173, 85, 0.2);
8574
}
86-
8775
.vp-fe #vp_feVariable {
8876
width: 125px;
8977
margin-left: 5px;
9078
}
91-
9279
.vp-fe-df-refresh {
9380
cursor: pointer;
9481
}
95-
9682
.vp-fe-df-showinfo {
9783
cursor: pointer;
9884
float: right;
99-
/* margin-top: 5px;
100-
margin-right: 5px; */
10185
width: fit-content;
10286
}
103-
104-
10587
.vp-fe-menu-box {
10688
position: fixed;
10789
top: 0;
@@ -111,7 +93,6 @@
11193
/* display: grid;
11294
grid-template-columns: repeat(6, 1fr); */
11395
}
114-
11596
.vp-fe-menu-box .vp-fe-menu-item {
11697
height: 25px;
11798
line-height: 25px;
@@ -130,27 +111,22 @@
130111
-moz-user-select: none;
131112
-ms-user-select: none;
132113
user-select: none;
133-
134114
text-overflow: ellipsis;
135115
/* overflow: hidden; */
136116
white-space: nowrap;
137117
padding: 0px 5px;
138118
}
139-
140119
.vp-fe-menu-box .vp-fe-menu-item:hover {
141120
background: #F8F8F8;
142121
}
143-
144122
.vp-fe-menu-sub-box {
145123
display: none;
146124
position: absolute;
147125
left: 100%;
148126
}
149-
150127
.vp-fe-menu-item:hover .vp-fe-menu-sub-box {
151128
display: block;
152129
}
153-
154130
.vp-fe-popup-box {
155131
position: absolute;
156132
left: 50%;
@@ -165,19 +141,17 @@
165141
border: 0.25px solid var(--border-gray-color);
166142
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
167143
}
168-
169144
.vp-fe-popup-body {
170145
padding: 10px;
171146
}
172-
173147
.vp-fe-popup-button-box {
174148
float: right;
175149
padding: 5px;
176150
}
177-
178151
.vp-fe-table {
179152
height: 100%;
180153
background: var(--border-gray-color);
154+
padding: 5px;
181155
overflow: auto;
182156
}
183157
.vp-fe-table table {
@@ -191,31 +165,28 @@
191165
background: #FFFFFF;
192166
border-bottom: 1px solid #000000;
193167
}
194-
195168
.vp-fe-table tbody tr:nth-child(odd) {
196169
background: #F5F5F5;
197170
}
198171
.vp-fe-table tbody tr:nth-child(even) {
199172
background: #FFFFFF;
200173
}
201-
202174
.vp-fe-table th.selected {
203175
/* color: var(--hightlight-color); */
204176
background: #add3fd;
205177
}
206-
207178
.vp-fe-table th:hover {
208179
cursor: pointer;
209180
/* background: var(--light-gray-color); */
210181
/* background: rgba(66, 165, 245, 0.2); */
211182
}
212183

213-
/* row hover */
184+
/* Row Hover */
214185
.vp-fe-table tbody tr:hover {
215186
background-color: rgba(66, 165, 245, 0.2);
216187
}
217188

218-
/* column hover */
189+
/* Column Hover */
219190
/* .vp-fe-table thead th:not(:first-child):hover::after {
220191
background: rgba(66, 165, 245, 0.2);
221192
content: '';
@@ -230,13 +201,11 @@
230201
.vp-fe-table-more {
231202
margin: 5px;
232203
}
233-
234204
.vp-fe-info {
235205
display: none;
236206
/* width: 100%;
237207
height: 100%;
238208
margin: 0px; */
239-
240209
position: absolute;
241210
width: 70%;
242211
height: 70%;
@@ -247,7 +216,6 @@
247216
border: 0.25px solid #C4C4C4;
248217
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
249218
}
250-
251219
.vp-fe-info-title {
252220
width: 100%;
253221
height: 20px;
@@ -256,13 +224,11 @@
256224
background: #F5F5F5;
257225
padding: 0px 10px;
258226
}
259-
260227
.vp-fe-info-content {
261228
width: 100%;
262229
height: calc(100% - 20px);
263230
overflow: auto;
264231
}
265-
266232
.vp-fe-info-content pre {
267233
/* width: 300px; */
268234
padding:10px;
@@ -274,7 +240,6 @@
274240
white-space: -o-pre-wrap; /* Opera 7 */
275241
word-wrap: break-all; /* Internet Explorer 5.5+ */
276242
}
277-
278243
.vp-fe-info-error-box {
279244
margin: 7px;
280245
padding: 10px;
@@ -295,24 +260,19 @@
295260
margin: 0px;
296261
padding: 7px;
297262
}
298-
299263
.vp-fe-preview-box {
300264
display: none;
301265
width: 100%;
302266
height: 100px;
303267
position: absolute;
304268
bottom: 50px;
305-
306269
background: #F7F7F7;
307270
border: 0.25px solid #E4E4E4;
308271
padding: 10px;
309272
}
310273

311-
/** buttons */
274+
/* Buttons */
312275
.vp-fe-btn-box {
313-
/* position: absolute;
314-
bottom: 25px;
315-
right: 25px; */
316276
position: relative;
317277
height: 50px;
318278
border-top: 0.25px solid var(--border-gray-color);
@@ -322,15 +282,15 @@
322282
}
323283
.vp-fe-btn-preview {
324284
left: 15px;
325-
top: 11px;
285+
top: 4px;
326286
}
327287
.vp-fe-btn-cancel {
328-
top: 11px;
288+
top: 4px;
329289
right: 105px;
330290
}
331291
.vp-fe-btn-runadd {
332292
position: absolute;
333-
top: 11px;
293+
top: 4px;
334294
right: 15px;
335295
width: fit-content;
336296
height: 30px;
@@ -353,10 +313,11 @@
353313
background: white;
354314
border: 0.25px solid var(--border-gray-color);
355315
position: absolute;
356-
bottom: 35px;
316+
bottom: 34px;
357317
right: 1px;
358318
width: 84px;
359319
height: 30px;
320+
font-size: 13px;
360321
text-align: center;
361322
line-height: 30px;
362323
}

‎css/common/instanceEditor.css‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
1-
/* select boxes */
1+
/* Select Boxes */
22
.vp-ins-box {
33
width: 100%;
44
display: grid;
55
grid-template-columns: 50% 50%;
66
grid-gap: 10px;
7-
/* padding: 5px 14px 0px 14px; */
8-
padding-right: 14px;
7+
padding-right: 15px;
98
}
109
.vp-ins-select-container {
11-
1210
}
1311
.vp-ins-select-title {
1412
font-weight: 700;
@@ -31,12 +29,10 @@
3129
.vp-ins-select-list {
3230
height: 145px;
3331
width: 100%;
34-
3532
list-style: none;
3633
margin: 0px;
3734
padding: 0px 5px 0px 5px;
3835
color: #696969;
39-
4036
overflow: auto;
4137
}
4238
.vp-ins-select-list::-webkit-scrollbar {
@@ -47,7 +43,6 @@
4743
border-radius: 0;
4844
background: #eeeeee;
4945
}
50-
5146
.vp-ins-select-list::-webkit-scrollbar-thumb {
5247
border-radius: 0;
5348
background: #b0b0b0;
@@ -78,14 +73,12 @@
7873
.vp-ins-option-box.api {
7974
width: 95%;
8075
}
81-
8276
.vp-ins-parameter-box {
8377
grid-column: 1/3;
8478
}
8579
.vp-ins-parameter {
8680
width: 100% !important;
8781
}
88-
8982
.vp-create-var-box {
9083
position: relative;
9184
margin-top: 5px;

0 commit comments

Comments
 (0)