visualpython · minjk-bl · Jun 18, 2021 · Jun 14, 2021 · Jun 14, 2021 · Jun 14, 2021
diff --git a/css/api_block/index.css b/css/api_block/index.css
@@ -25,7 +25,7 @@
 
 .vp-apiblock-left {
     /* padding: 1.5rem; */
-    padding: 5px; /* 수정 */
+    /* padding: 5px; */
     background-color: white;
 
     /* 수정 */
@@ -54,8 +54,10 @@
 
 .vp-apiblock-menu-search-container {
     position: relative;
-    display: inline-block;
-    width: 160px;
+    /* display: inline-block;
+    width: 160px; */
+    padding: 10px 5px;
+    border-bottom: 0.25px solid var(--border-gray-color);
 }
 
 .vp-menu-search-box {
@@ -66,8 +68,8 @@
 .vp-menu-search-icon {
     position: absolute;
     color: #C4C4C4;
-    right: 7px;
-    top: 7px;
+    right: 12px;
+    top: 17px;
 }
 
 .vp-apiblock-menu-apps {
@@ -83,14 +85,10 @@
     position: absolute;
     top: 0px;
     left: 200px;
-    width: 210px;
-    height: 210px;
+    /* width: 210px;
+    height: 210px; */
     z-index: 15;
     background: rgba(255, 255, 255, 0.8);
-    grid-template-columns: 60px 60px 60px;
-    grid-template-rows: 60px 60px 60px;
-    grid-column-gap: 5px;
-    grid-row-gap: 5px;
     padding: 10px;
     box-sizing: border-box;
     box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
@@ -99,34 +97,55 @@
     border-radius: 5px;
 }
 .vp-apiblock-menu-apps-container.show {
-    display: grid !important;
+    display: block !important;
 }
 
+.vp-apiblock-menu-apps-title {
+    height: 25px;
+    line-height: 25px;
+    font-weight: bold;
+    background: #FFFFFF;
+}
+.vp-apiblock-menu-apps-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 58px);
+    grid-template-rows: repeat(3, 58px);
+    grid-column-gap: 5px;
+    grid-row-gap: 5px;
+
+    margin: 10px 0px;
+}
 .vp-apiblock-menu-apps-item {
-    width: 60px;
-    height: 60px;
+    width: 58;
+    height: 58px;
     text-align: center;
     border: 0.25px solid #C4C4C4;
     box-sizing: border-box;
     box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
     border-radius: 2px;
-    padding: 8px 0px;
+    padding: 12px 0px;
+
+    cursor: pointer;
 }
 .vp-apiblock-menu-apps-item.line1 {
     background: #F9B52A;
 }
 .vp-apiblock-menu-apps-item.line2 {
-    background: #EF8F3C
+    background: #EF8F3C;
 }
 .vp-apiblock-menu-apps-item.line3 {
     background: #EB773C;
 }
+.vp-apiblock-menu-apps-item.preparing {
+    background: var(--gray-color);
+}
 .vp-apiblock-menu-apps-item img {
     width: 24px;
     height: 24px;
 }
 .vp-apiblock-menu-apps-name {
     color: #FFFFFF;
+    font-size: 11px;
 }
 
 .vp-apiblock-menu-box {
@@ -149,6 +168,10 @@
     color: white;
 }
 
+.vp-apiblock-tab-navigation-body {
+    padding: 0px 5px;
+}
+
 .vp-apiblock-option-tab {
     /* overflow: hidden auto; */
     /* padding: 1rem 0; */

diff --git a/css/common/frameEditor.css b/css/common/frameEditor.css
@@ -51,6 +51,7 @@
     line-height: 20px;
     top: 5px;
     text-align: center;
+    cursor: pointer;
 }
 
 .vp-fe-body {

diff --git a/css/common/popupPage.css b/css/common/popupPage.css
@@ -0,0 +1,94 @@
+.vp-pp {
+    position: absolute;
+    top: 0; 
+    left: 0;
+    width: 100%; 
+    height: 100%; 
+
+    z-index: 1200;
+
+    background-color: rgba(0,0,0,.4);
+}
+
+.vp-pp-container {
+    position: relative;
+    left: 50%;
+    top: 50%;
+    transform:translate(-50%, -50%);
+
+    min-width: 400px;
+    min-height: 400px;
+    width: 95%;
+    height: 95%;
+
+    background-color: white;
+}
+
+.vp-pp-title {
+    height: 30px;
+    padding: 5px 0px 5px 10px;
+
+    background-color: #EEE;
+    border:  1px solid #ddd;;
+    display: flex; 
+    flex-direction: row;
+    position: relative;
+
+    font-weight: 700;
+}
+
+.vp-pp-close {
+    position: fixed;
+    z-index: 3;
+    right: 5px;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    top: 5px;
+    text-align: center;
+    cursor: pointer;
+}
+
+.vp-pp-body {
+    width: 100%;
+    height: calc(100% - 30px);
+    padding: 10px;
+    display: grid;
+    grid-row-gap: 5px;
+    grid-template-rows: 35px 30px 60% calc(40% - 80px);
+    overflow: auto;
+}
+
+
+/** buttons */
+.vp-pp-btn-box {
+    position: absolute;
+    bottom: 25px;
+    right: 25px;
+}
+.vp-pp-btn-apply {
+    width: 80px;
+    height: 30px;
+    background: #F37704;
+    border: 0.25px solid #C4C4C4;
+    box-sizing: border-box;
+    border-radius: 2px;
+    text-align: center;
+    color: #FFFFFF; 
+}
+.vp-pp-btn-apply:hover {
+    background:  var(--hightlight-color);
+}
+.vp-pp-btn-cancel {
+    width: 80px;
+    height: 30px;
+    background: #E5E5E5;
+    border: 0.25px solid #C4C4C4;
+    box-sizing: border-box;
+    border-radius: 2px;
+    text-align: center;
+    color: #696969;
+}
+.vp-pp-btn-cancel:hover {
+    background: #ccc;
+}
diff --git a/css/common/snippets.css b/css/common/snippets.css
@@ -46,6 +46,7 @@
     line-height: 20px;
     top: 5px;
     text-align: center;
+    cursor: pointer;
 }
 
 .vp-sn-body {

diff --git a/css/common/subsetEditor.css b/css/common/subsetEditor.css
@@ -52,6 +52,7 @@
     line-height: 20px;
     top: 5px;
     text-align: center;
+    cursor: pointer;
 }
 
 .vp-ds-body {

diff --git a/css/file_io/fileio.css b/css/file_io/fileio.css
@@ -0,0 +1,16 @@
+#vp_fileioPage .vp-fileio-type {
+    border: 2px solid var(--hightlight-color);
+    width: 100%;
+    height: 35px;
+    background-position: 97% 50%;
+    cursor: pointer;
+}
+
+#vp_fileioPage .vp-fileio-body {
+    padding: 5px;
+    margin-top: 10px;
+}
+
+.vp-option-table {
+
+}
diff --git a/css/file_io/instance.css b/css/file_io/instance.css
@@ -83,4 +83,8 @@
 .vp-instance-box::-webkit-scrollbar-thumb {
     border-radius: 0;
     background: #b0b0b0;
+}
+
+.vp-ds-button {
+    width: 45px;
 }