visualpython · minjk-bl · Mar 14, 2022 · Feb 7, 2022 · Feb 7, 2022 · Feb 7, 2022
diff --git a/css/boardFrame.css b/css/boardFrame.css
@@ -83,9 +83,12 @@
 }
 .vp-board-footer-buttons {
     position: absolute;
-    right: 15px;
+    right: 5px;
     z-index: 2;
 }
+.vp-board-buttons {
+    margin-right: 5px;
+}
 .vp-board-loading {
     display: none;
     position: absolute;
@@ -234,6 +237,13 @@
 .vp-block.apps.vp-focus-child .vp-block-header {
     background-color: rgb(253, 177, 133);
 }
+.vp-block.machine_learning .vp-block-header {
+    background-color: #E8ECD0;
+}
+.vp-block.machine_learning.vp-focus .vp-block-header,
+.vp-block.machine_learning.vp-focus-child .vp-block-header {
+    background-color: #C6CE94;
+}
 .vp-block.logic-define .vp-block-header {
     background-color: rgb(213, 231, 222);
 }
@@ -312,14 +322,15 @@
 .vp-block-menu-box {
     position: fixed;
     background: #FFFFFF;
-    width: 100px;
+    width: 125px;
     border: 0.25px solid #E4E4E4;
     padding: 5px;
     z-index: 50;
 }
 .vp-block-menu-item {
     color: var(--font-primary);
     padding: 5px;
+    font-size: 14px;
 }
 .vp-block-menu-item:hover {
     color: var(--font-hightlight);

diff --git a/css/component/instanceEditor.css b/css/component/instanceEditor.css
@@ -17,12 +17,12 @@
 .vp-ins-select-container .vp-ins-search-icon {
     position: absolute;
     color: #C4C4C4;
-    right: 5px;
-    top: 5px;
+    right: 7px;
+    top: 7px;
 }
 .vp-ins-select-box {
     margin-top: 5px;
-    border: 0.25px solid #C4C4C4;
+    border: 0.25px solid var(--border-gray-color);
 }
 .vp-ins-select-list {
     height: 145px;
@@ -74,6 +74,10 @@
 .vp-ins-parameter-box {
     grid-column: 1/3;
 }
+.vp-ins-parameter-box:empty::after {
+    content: '(Empty)';
+    color: var(--gray-color);
+}
 .vp-ins-parameter {
     width: 100% !important;
 }

diff --git a/css/fileNavigation.css b/css/fileNavigation.css
@@ -25,7 +25,7 @@
 /* Sidebar Menu */
 .fileNavigationPage-sidebar {
     float: left;
-    width: 20%;
+    width: 25%;
     height: 100%;
     background: #F5F5F5;
     padding-top: 10px;
@@ -34,24 +34,34 @@
     color: var(--font-hightlight)
 }
 .fnp-sidebar-menu {
-    padding: 10px 0px 10px 14px;
+    padding: 5px 0px 5px 15px;
     font-family: AppleSDGothicNeo;
-    font-style: normal;
-    font-weight: bold;
-    font-size: 16px;
-    line-height: 17px;
+    font-weight: normal;
+    font-size: 15px;
     color: #696969;
     cursor: pointer;
     margin-top: 10px;
 }
+
+/* Path Bar */
 .fileNavigationPage-inner {
     float: right;
     display: grid;
-    /* grid-template-rows: 30px auto min-content; */
     grid-template-rows: min-content auto min-content;
-    width: 80%;
+    width: 75%;
     height: 100%; 
 }
+.fileNavigationPage-btn-prev:hover{
+    cursor: pointer;
+    transition: 0.7s;
+}
+
+.fileNavigationPage-btn-next:hover{
+    cursor: pointer;
+    transition: 0.7s;
+}
+
+/* Directory List */
 .fileNavigationPage-directory-container {
     overflow-y: auto;
     display: flex;
@@ -107,8 +117,7 @@
     display: none;
 }
 .fileNavigationPage-menu {
-    min-height: 30px;
-    /* height: 6%; */
+    min-height: 35px;
     height: fit-content;
     padding-left: 10px;
     background-color: #EEE;
@@ -127,12 +136,15 @@
     display: flex;
     flex-direction: column;
     justify-content: center; 
+    padding-top: 5px;
 }
 .fileNavigationPage-menu-block {
-    padding: 0 35px 0 10px;
+    padding: 5px 35px 0 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
+    font-family: AppleSDGothicNeo;
+    font-weight: normal;
 }
 .fileNavigationPage-btn-move-to-folder {
     position: absolute;
@@ -180,6 +192,7 @@
     margin-left:5px;
     white-space: nowrap;
     color: var(--font-primary);
+    font-size: 13px;
 }
 .fileNavigationPage-dir-text:hover {
     transition: 0.7s;
@@ -195,11 +208,7 @@
     position: fixed;
     z-index: 3;
     right: 10px;
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    top: 3px;
-    text-align: center;
+    top: 5px;
 }
 .fileNavigationPage-closedBtn:hover {
     cursor: pointer;
@@ -213,16 +222,17 @@
 }
 .fileNavigationPage-button {
     padding: 5px;
-    /* height: fit-content;
-    min-height: 6%; */
     background: #EEE;
     border: 1px solid #DDD;
 }
 #vp_fileNavigationInput {
     width: calc(100% - 170px);
+    font-size: 13px;
 }
 #vp_fileNavigationExt {
     width: 80px;
+    color: var(--font-primary);
+    font-family: 'AppleSDGothicNeo';
 }
 .fileNavigationPage-style-flex-column-center {
     display: flex;

diff --git a/css/m_apps/chart.css b/css/m_apps/chart.css
@@ -9,6 +9,7 @@
     grid-template-rows: 30px;
     grid-row-gap: 5px;
     border: 1px solid var(--border-gray-color);
+    border-radius: 5px;
     padding: 10px 0px;
 }
 .vp-import-box label {

diff --git a/css/m_apps/groupby.css b/css/m_apps/groupby.css
@@ -32,7 +32,7 @@
     overflow: auto;
 }
 .vp-gb-adv-item {
-    margin-bottom: 5px;
+    margin-bottom: 10px;
 }
 .vp-gb-adv-method-box {
     position: relative;

diff --git a/css/m_apps/import.css b/css/m_apps/import.css
@@ -0,0 +1,10 @@
+.vp-tab-button {
+    display: inline-block;
+    border: 0.24px solid var(--border-gray-color);
+    padding: 5px;
+    cursor: pointer;
+}
+.vp-tab-button.vp-tab-selected {
+    color: var(--highlight-color);
+    border-bottom: 2px solid var(--highlight-color);
+}
diff --git a/css/m_apps/pdf.css b/css/m_apps/pdf.css
@@ -3,7 +3,7 @@
     width: 100%;
     height: 100%;
     grid-row-gap: 5px;
-    grid-template-rows: 60px 140px 150px;
+    grid-template-rows: 60px 100px 100px;
 }
 .vp-pdf-prepare-box {
     display: grid;
@@ -35,13 +35,13 @@
     border-radius: 5px;
     box-sizing: border-box;
     padding: 15px;
+    align-content: space-evenly;
 }
 .vp-pdf-df-box {
     display: grid;
     grid-template-columns: 95px auto;
-    grid-row-gap: 3px;
+    grid-row-gap: 5px;
     align-items: baseline;
-    align-content: space-evenly;
 }
 .vp-pdf #vp_pdfVariable { 
     width: 62%;

diff --git a/css/m_apps/subset.css b/css/m_apps/subset.css
@@ -198,6 +198,7 @@
     background: #FFFFFF;
     border: 0.25px solid #E4E4E4;
     grid-row-gap: 5px;
+    margin-top: 5px;
 }
 .vp-ds-btn-add-condition {
     width: 95px;

diff --git a/css/menuFrame.css b/css/menuFrame.css
@@ -229,6 +229,15 @@
 .vp-menuitem.apps.vp-color-apps4 {
     background: #E56139;
 }
+.vp-menuitem.apps.vp-color-apps5 {
+    background: #BEB727;
+}
+.vp-menuitem.apps.vp-color-apps6 {
+    background: #91A541;
+}
+.vp-menuitem.apps.vp-color-apps7 {
+    background: #718E41;
+}
 .vp-menuitem.apps.vp-color-preparing {
     background: var(--gray-color);
 }