Skip to content

Commit a1b497f

Browse files
minjk-blminjk-bl
authored
Merge pull request #116 from minjk-bl/devops
ML applications updates #1
2 parents 6dc4bd9 + 8380d0c commit a1b497f

56 files changed

Lines changed: 4785 additions & 402 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎css/boardFrame.css‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -237,6 +237,13 @@
237237
.vp-block.apps.vp-focus-child .vp-block-header {
238238
background-color: rgb(253, 177, 133);
239239
}
240+
.vp-block.machine_learning .vp-block-header {
241+
background-color: rgb(249, 227, 214);
242+
}
243+
.vp-block.machine_learning.vp-focus .vp-block-header,
244+
.vp-block.machine_learning.vp-focus-child .vp-block-header {
245+
background-color: rgb(253, 177, 133);
246+
}
240247
.vp-block.logic-define .vp-block-header {
241248
background-color: rgb(213, 231, 222);
242249
}

‎css/component/instanceEditor.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
}
2323
.vp-ins-select-box {
2424
margin-top: 5px;
25-
border: 0.25px solid #C4C4C4;
25+
border: 0.25px solid var(--border-gray-color);
2626
}
2727
.vp-ins-select-list {
2828
height: 145px;

‎css/m_apps/import.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
.vp-tab-button {
2+
display: inline-block;
3+
border: 0.24px solid var(--border-gray-color);
4+
padding: 5px;
5+
cursor: pointer;
6+
}
7+
.vp-tab-button.vp-tab-selected {
8+
color: var(--highlight-color);
9+
border-bottom: 2px solid var(--highlight-color);
10+
}

‎css/popupComponent.css‎

Lines changed: 24 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,7 @@
201201
padding: 1px 8px 0 5px;
202202
}
203203
/* checkbox */
204-
.vp-popup-frame input[type=checkbox] {
204+
.vp-popup-frame input[type=checkbox]:not(.vp-checkbox) {
205205
position: absolute;
206206
width: 1px;
207207
height: 1px;
@@ -211,19 +211,19 @@
211211
clip: rect(0, 0, 0, 0);
212212
border: 0;
213213
}
214-
.vp-popup-frame input[type=checkbox] + label,
215-
.vp-popup-frame label input[type=checkbox] + span {
214+
.vp-popup-frame input[type=checkbox]:not(.vp-checkbox) + label,
215+
.vp-popup-frame label input[type=checkbox]:not(.vp-checkbox) + span {
216216
display: inline-block;
217217
position: relative;
218218
padding-left: 18px;
219219
cursor: pointer;
220220
}
221-
.vp-popup-frame input[type=checkbox]:disabled + label,
222-
.vp-popup-frame label input[type=checkbox]:disabled + span {
221+
.vp-popup-frame input[type=checkbox]:not(.vp-checkbox):disabled + label,
222+
.vp-popup-frame label input[type=checkbox]:not(.vp-checkbox):disabled + span {
223223
color: var(--gray-color);
224224
}
225-
.vp-popup-frame input[type=checkbox] + label::before,
226-
.vp-popup-frame label input[type=checkbox] + span::before {
225+
.vp-popup-frame input[type=checkbox]:not(.vp-checkbox) + label::before,
226+
.vp-popup-frame label input[type=checkbox]:not(.vp-checkbox) + span::before {
227227
content: '';
228228
position: absolute;
229229
left: 0;
@@ -237,8 +237,8 @@
237237
border: none;
238238
box-sizing: border-box;
239239
}
240-
.vp-popup-frame input[type=checkbox]:checked + label::before,
241-
.vp-popup-frame label input[type=checkbox]:checked + span::before {
240+
.vp-popup-frame input[type=checkbox]:not(.vp-checkbox):checked + label::before,
241+
.vp-popup-frame label input[type=checkbox]:not(.vp-checkbox):checked + span::before {
242242
content: '';
243243
position: absolute;
244244
left: 0;
@@ -251,8 +251,8 @@
251251
border: none;
252252
box-sizing: border-box;
253253
}
254-
.vp-popup-frame input[type=checkbox]:disabled + label::before,
255-
.vp-popup-frame label input[type=checkbox]:disabled + span::before {
254+
.vp-popup-frame input[type=checkbox]:not(.vp-checkbox):disabled + label::before,
255+
.vp-popup-frame label input[type=checkbox]:not(.vp-checkbox):disabled + span::before {
256256
content: '';
257257
position: absolute;
258258
left: 0;
@@ -266,7 +266,8 @@
266266
box-sizing: border-box;
267267
}
268268
/* popup frame input, select */
269-
.vp-popup-frame input[type=text] {
269+
.vp-popup-frame input[type=text],
270+
.vp-popup-frame input[type=number] {
270271
width: 160px;
271272
font-size: 13px;
272273
line-height: 16px;
@@ -278,7 +279,8 @@
278279
border: 0.25px solid var(--border-gray-color);
279280
box-sizing: border-box;
280281
}
281-
.vp-popup-frame input[type=text]::placeholder {
282+
.vp-popup-frame input[type=text]::placeholder,
283+
.vp-popup-frame input[type=number]::placeholder {
282284
color: var(--gray-color);
283285
}
284286

@@ -290,7 +292,7 @@
290292
font-size: 14px;
291293
line-height: 16px;
292294
padding: 5px 16px 3px 9px;
293-
background: url(../img/unfold_more.svg), #F5F5F5;
295+
background: url(../img/unfold_more.svg), var(--light-gray-color);
294296
background-position: 97% 50%;
295297
background-size: 11px 11px;
296298
background-repeat: no-repeat;
@@ -307,6 +309,14 @@
307309
.vp-popup-frame select::-ms-expand {
308310
display: none;
309311
}
312+
/* Big Selector */
313+
.vp-popup-frame .vp-big-select {
314+
border: 2px solid #FFCF73;
315+
width: 100%;
316+
height: 35px;
317+
background-position: 97% 50%;
318+
cursor: pointer;
319+
}
310320
/* accordian for popup component */
311321
.vp-popup-frame .vp-accordian {
312322
cursor: pointer;

‎css/root.css‎

Lines changed: 95 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,12 @@
4444
.vp-orange-text {
4545
color: var(--font-hightlight);
4646
}
47+
.vp-gray-text {
48+
color: var(--gray-color);
49+
}
50+
.vp-italic {
51+
font-style: italic;
52+
}
4753
.vp-bold {
4854
font-weight: bold;
4955
}
@@ -192,6 +198,15 @@ body {
192198
cursor: not-allowed;
193199
}
194200

201+
.vp-checkbox {
202+
display: inline-block;
203+
position: relative !important;
204+
width: 13px;
205+
height: 13px;
206+
border: 1px solid #828282;
207+
margin: 0px 15px;
208+
}
209+
195210
/* Scrollbar */
196211
.vp-scrollbar {
197212
overflow-y: auto;
@@ -316,7 +331,54 @@ hr.vp-extra-menu-line {
316331
.mr5 {
317332
margin-right: 5px;
318333
}
319-
/* table style */
334+
/* Layout */
335+
.vp-inline-block {
336+
display: inline-block !important;
337+
}
338+
/* Grid style */
339+
.vp-grid-box {
340+
display: grid;
341+
grid-row-gap: 5px;
342+
}
343+
.vp-grid-border-box {
344+
display: grid;
345+
align-items: baseline;
346+
align-content: center;
347+
border: 1px solid var(--border-gray-color);
348+
border-radius: 5px;
349+
box-sizing: border-box;
350+
padding: 15px;
351+
grid-row-gap: 5px;
352+
}
353+
.vp-grid-col-p50 {
354+
display: grid;
355+
grid-template-columns: 50% 50%;
356+
grid-row-gap: 5px;
357+
align-items: baseline;
358+
align-content: center;
359+
}
360+
.vp-grid-col-95 {
361+
display: grid;
362+
grid-template-columns: 95px auto;
363+
grid-row-gap: 5px;
364+
align-items: baseline;
365+
align-content: space-evenly;
366+
}
367+
.vp-grid-col-110 {
368+
display: grid;
369+
grid-template-columns: 110px auto;
370+
grid-row-gap: 5px;
371+
align-items: baseline;
372+
align-content: space-evenly;
373+
}
374+
.vp-grid-col-130 {
375+
display: grid;
376+
grid-template-columns: 130px auto;
377+
grid-row-gap: 5px;
378+
align-items: baseline;
379+
align-content: space-evenly;
380+
}
381+
/* Table style */
320382
.vp-tbl-gap5 {
321383
border-spacing: 5px;
322384
border-collapse: separate;
@@ -383,4 +445,36 @@ hr.vp-extra-menu-line {
383445
/* jquery auto-complete */
384446
.ui-autocomplete {
385447
z-index: 999;
448+
}
449+
.vp-vs-box {
450+
position: relative;
451+
}
452+
.vp-vs-filter {
453+
position: relative;
454+
width: 20px;
455+
height: 20px;
456+
right: 25px;
457+
cursor: pointer;
458+
}
459+
.vp-vs-box input:disabled {
460+
background: var(--light-gray-color) !important;
461+
cursor: not-allowed;
462+
}
463+
.vp-vs-box input:disabled + .vp-vs-filter {
464+
cursor: not-allowed;
465+
}
466+
.vp-vs-filter-box {
467+
display: none;
468+
position: absolute;
469+
width: 101px;
470+
background: #FFFFFF;
471+
border: 0.25px solid #C4C4C4;
472+
box-sizing: border-box;
473+
box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
474+
z-index: 10;
475+
}
476+
.vp-vs-item:hover {
477+
background: var(--light-gray-color);
478+
color: var(--font-hightlight);
479+
cursor: pointer;
386480
}

0 commit comments

Comments
 (0)